Buenas... Otra vez yo con otro formulario y con otro problema... ninguno
solucionado.
Este me viene quemando la cabeza hace mucho tiempo. Tengo un formulario:
<div id="webmail">
<h3 id="hwebmail"><span></span>Webmail</h3><hr />
<form method="post" action="/cgi-bin/formmail.cgi"
id="loginwebmail" >
<dl>
<dt><input type="text" size="20" name="email"
tabindex="1" class="webmail" value="[EMAIL PROTECTED]"
onfocus="this.value='';" /></dt>
<dt><input type="text" size="20" name="pass"
tabindex="2" class="webmail" value="contraseña" onfocus="this.value='';"
/></dt>
<dt><input name="entrar" type="submit" tabindex="3"
value="entrar" class="button"/></dt>
</dl>
</form>
</div>
Y en el CSS:
#webmail, .sideinfo { margin: 5px 5px 10px 5px; padding: 0; }
.webmail { width: 157px; }
#webmail dl { margin: 0; padding: 0; display: inline; }
#webmail dt { margin: 0 0 .5em 0; padding: 0; }
En firefox anda perfecto, pero en explorer, el primer input, el de
email, me aparece corrido hacia la derecha unos 6px.
Sinceramente ya no se me ocurre que ponerle para solucionarlo.
En todos mis forms trabajé con la estructura de dt y dd, pero en este no
necesito los labels entonces no lo puse, está mal usar el dt sin un dd?
Alguna sugerencia?
Desde ya muchas gracias.
Maira.
maira wrote:
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
_______________________________________________
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
