Hola.
Estoy haciendo un formulario y lo trabajo con dl, dt y dd:
<div id="content">
<h3>Enviar testimonios</h3>
<form method="post" action="asdf" id="formularios" >
<dl>
<dt><label for="nombre">Nombre y Apellido:</label></dt>
<dd><input type="text" name="nombre" id="nombre"
size="50" tabindex="1" /></dd>
<dt><label for="email">Email:</label></dt>
<dd><input type="text" name="email" id="email2"
size="50" tabindex="2" /></dd>
<dt><label for="cliente">Número de cliente:</label></dt>
<dd><input type="text" name="cliente" id="cliente"
size="50" tabindex="3" /></dd>
<dt><label for="testimonio">Testimonios:</label></dt>
<dd><textarea name="testimonio" id="testimonio"
cols="25" rows="5" tabindex="4"></textarea></dd>
<dd><input type="submit" name="enviar" value="Enviar"
class="button" tabindex="5" /><input type="submit" name="borrar"
value="borrar" class="button" tabindex="6" /></dd>
</dl>
</form>
</div>
En mis CSS configuré la posición así:
#formularios dl { margin: 0; padding: 0; text-align: right; }
#formularios dt { margin: .5em 0 0 2em; padding: 0; height: 20px;
float:left; clear:left; }
#formularios dd { margin: .5em 0 0 13em; padding: 0; text-align: left; }
Básicamente quiero que los dd queden al lado de los dt, para ello es el
float: left, pero a la vez quiero que los dt tengan alineación derecha y
los dd alineación izquierda, pero gracias al previo float
no logro que los dt se pongan hacia la derecha. Ven alguna solución? El
CSS de arriba es el quedó al final, al no poder encontrar otra forma, el
original era:
#formularios dt { margin: .5em 0 0 2em; padding: 0; height: 20px;
float:left; clear:left; }
#formularios dd { margin: .5em 0 0 13em; padding: 0; }
Desde ya muchas gracias.
Maira.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
