¡Advertencia!
Este tema no ha tenido respuestas en más de un mes. Recuerda que si deseas añadir una nueva debes cumplir con las normas de la web.
Mi problema, con Firefox 8, que no IE. No puedo pinchar en el formulario. Ni en los campos de texto ni en el botón. Sin embargo, si pulso el tabulador si puedo escribir y pulsar enviar.
Y el CSS (he alterado el orden de las capas, pero he puesto que sea la capa más alta).:
<form id="formulario" action="" method="post" >
<label>
Usuario: <br />
<input type="text" name="usuario" />
</label>
<label>
Contraseña: <br />
<input type="password" name="password" />
</label>
<label>
<input type="submit" class="boton" name="submit" value="Enviar" />
</label>
</form>
Y el CSS (he alterado el orden de las capas, pero he puesto que sea la capa más alta).:
#formulario {
z-index: 10000;
}
#formulario input {
width: 140px;
height: 13px;
margin: 0 0 5px 0;
}
#formulario .boton{
margin-top: 10px;
height: 25px;
width: 145px;
}El Z-index no funciona sin antes poner una
position: absolute o relative o fixed o lo que quieras;Una de las leyes de la informática: si funciona, no lo toques.
Menos ahí, está puesto. Y poniendolo ahora, tampoco va.
Menos ahí, está puesto. Y poniendolo ahora, tampoco va.
Una de las leyes de la informática: si funciona, no lo toques.
Menos ahí, está puesto. Y poniendolo ahora, tampoco va.
Pues aver... en vez de poner
#formulario .botonPrueba con este
button .boton { position:absolute;
z-index:1000; }
Mi problema, con Firefox 8, que no IE. No puedo pinchar en el formulario. Ni en los campos de texto ni en el botón. Sin embargo, si pulso el tabulador si puedo escribir y pulsar enviar.<form id="formulario" action="" method="post" > <label> Usuario: <br /> <input type="text" name="usuario" /> </label> <label> Contraseña: <br /> <input type="password" name="password" /> </label> <label> <input type="submit" class="boton" name="submit" value="Enviar" /> </label> </form>
Y el CSS (he alterado el orden de las capas, pero he puesto que sea la capa más alta).:#formulario { z-index: 10000; } #formulario input { width: 140px; height: 13px; margin: 0 0 5px 0; } #formulario .boton{ margin-top: 10px; height: 25px; width: 145px; }
Lo probé en IE, Firefox 8 y Chrome. Va bien en los 3
jeje
Entonces será mi firefox. O alguna etiqueta que tenga por ahí. Ahora termino el control de acceso de esta página sencillisima que estoy haciendo y lo miro.
La etiqueta <label> es solo para eso, el label de un input del formulario.
Esto:
Debería ser:
Y mucho más correcto sería así:
Y si lo quieres más correcto todavía (no usar ese <br /> y usar display:block)
Quizás ese sea el problema.
Esto:
<label>
Usuario: <br />
<input type="text" name="usuario" />
</label>
Debería ser:
<label>Usuario:</label><br />
<input type="text" name="usuario" />
Y mucho más correcto sería así:
<label for="usuario">Usuario:</label><br />
<input type="text" name="usuario" id="usuario" />
Y si lo quieres más correcto todavía (no usar ese <br /> y usar display:block)
<label for="usuario">Usuario:</label>
<input type="text" name="usuario" id="usuario" />
label{
display:block;
}
Quizás ese sea el problema.
Pero es que un input no puede ir dentro de un label, no? Los label van antes o después, pero nunca contienen inputs (que yo sepa xddd).
25 🌍. Informático. Tecnología, ciencia, transporte, política, series, bandas sonoras y tartas. 👋
Gracias por lo del label. Lo había entendido mal cuando leí para que servía xDDD. Aunque unos días antes de esto lo vi y por constumbre lo usé.
De todas formas, no es por eso, no...
De todas formas, no es por eso, no...
¿Estás ejecutando algún código javascript?
Gracias por lo del label. Lo había entendido mal cuando leí para que servía xDDD. Aunque unos días antes de esto lo vi y por constumbre lo usé.
De todas formas, no es por eso, no...