Problemas con el formulario de suscripción

[Daniel890]

Buenos días, tengo un problema y no se solucionarlo.

Actualmente el formulario lo tengo de esta manera:



Y me gustaría que quedara de esta manera:



¿Es muy complicado?

[PHPeros]

¿A qué te refieres con esta manera? ¿Que no se superpongan los labels? Habría que ver el código.

[Daniel890]

Iniciado por PHPeros

¿A qué te refieres con esta manera? ¿Que no se superpongan los labels? Habría que ver el código.

Me refiero que en la segunda foto se encuentra todo unido y así ahorrar espacio.

Y el código sería el siguiente:

<p>Rellene el siguiente formulario para suscribirse.</p>
<form enctype="application/x-www-form-urlencoded" action="http://fabricatunutricion.ip-zone.com/ccm/subscribe/index" method="post">
<dl class="zend_form">
<dt id="name-label">
<label for="name" class="required">Nombre</label>
</dt>
<dd id="name-element">
<input type="text" name="name" id="name" value="" />
</dd>
<dt id="email-label">
<label for="email" class="required">Email</label>
</dt>
<dd id="email-element">
<input type="text" name="email" id="email" value="" />
</dd>
<dd id="groups-element">
<label for="groups-13">
<input type="hidden" name="groups[Inteligencia nutricional]" id="groups-13" value="13"
<dt id="submit-label">*</dt>
<dd id="submit-element">
<input type="submit" name="submit" id="submit" value="Suscribir" />

[PHPeros]

Las listas con descripción (<dl>), por lo que veo, generan un margen por defecto que se puede quitar con css:

Código CSS:

dl {
  margin: 0;
}
 

Prueba ahora si no se pegan

[Daniel890]

Iniciado por PHPeros

Las listas con descripción (<dl>), por lo que veo, generan un margen por defecto que se puede quitar con css:

Código CSS:

dl {
  margin: 0;
}
 

Prueba ahora si no se pegan

¿Y dónde coloco ese código? Estoy trabajando con Notepad, pero no me lo coge, lo estaré colocando mal.

[PHPeros]

No lo pruebes, no funciona

Si quitas los dt,dl y dd sí que funciona, tampoco hay mucha necesidad de usarlos.

[Daniel890]

Iniciado por PHPeros

No lo pruebes, no funciona

Si quitas los dt,dl y dd sí que funciona, tampoco hay mucha necesidad de usarlos.

Si quito eso.. no funciona correctamente el formulario, si que es necesario. xD