CSS - Problemas con label en Firefox

 
Vista:

Problemas con label en Firefox

Publicado por Pableras (7 intervenciones) el 09/06/2006 01:04:50
Hola, qué tal ???

Tengo un problemilla. Yo tengo por ejemplo la etiqueta en la que pone "Nombre" y al lado la caja de texto donde se va a introducir el nombre. Luego pondré debajo lo mismo pero con "Apellidos", "Población" , etc ... lo que quiero es que las cajas de texto queden a la misma altura, y para ello lo que hago es poner un ancho a las etiquetas (labels).

El código que pongo es:

<style>
label
{
width:120px;
}
</style>

y luego dentro de la página:

<label>Nombre</label><input type="text" name="txtNombre" size="12"><br>
<label>Apellidos</label><input type="text" name="txtApellidos" size="12"><br>

etc

Esto me funciona perfectamente en Internet Explorer, pero en FireFox NO me reconoce el ancho de la label, no pone el ancho de la label a 120px.

¿porqué?

¿cómo hago para que me funcione en FireFox?

Muuuuchas gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Problemas con label en Firefox

Publicado por Matahi (19 intervenciones) el 12/06/2006 11:20:28
Hola Pableras:

Es aquí donde tienes que fijarrte:

<label>Nombre</label><input type="text" name="txtNombre" size="12"><br>
<label>Apellidos</label><input type="text" name="txtApellidos" size="12"><br>

cambia el size del label de 12 a otra cifra, por ejemplo 30, y veras como funciona en ambos.

Sin más...

Un saludo

Matahi
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Problemas con label en Firefox

Publicado por Pableras (7 intervenciones) el 12/06/2006 11:54:42
Hola de nuevo ... ya he resuelto el problema.

Teniendo el código HTML:

<label>canción</label><input type="text" name="txtCancion"><br>
<label>género</label><select name="cmbCanGeneros"></select><br>

... etc

Antes tenía:

label{
font-family: "Tahoma", Arial, serif;font-size: 12px;color: #376DEC;
width:100px;
}

y así funcionaba en Internet Explorer, pero NO en Firefox....

Ahora con esto:

label{
float:left;
font-family: "Tahoma", Arial, serif;font-size: 12px;color: #376DEC;
width:100px;
}


... Así SÍ funciona en los 2 navegadores ( he añadido lo de float:left )

Gracias de todas formas
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar