Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: SARGE553413 en 19 Febrero 2014, 22:29 pm



Título: Problema con formulario en html y css[SOLUCIONADO]
Publicado por: SARGE553413 en 19 Febrero 2014, 22:29 pm
Hola a todos

Tengo un formulario con una serie de datos a enviar (nombre, apellido etc.)
He metido el nombre, apellido etc. en tags <label>.
Bien seguido de cada <label> he puesto un <input> para introducir los datos pertientes, y a continuación, un <br>.
Ejemplo:
Código:
<form ...>
<fieldset>
<legend>Datos de la empresa</legend>
<label  ....>Razón social:*</label><input id="..."....><br>
                         .....
        </fieldset>
</form>

Mediante css, quiero hacer que todos los inputs queden sangrados igual, para ello necesito aumentar el width del label. Lo he intentado de 100000 maneras, he leido 2000 paginas y no lo consigo. ¿Cómo debería hacerse?

PD.
Esto es lo último que he intentado: (supongamos label id="l1")
Código:
labelt#l1{
    width: 500px;
}


Título: Re: Problema con formulario en html y css
Publicado por: #!drvy en 19 Febrero 2014, 22:41 pm
label no es un bloque, por tanto, por defecto el width, no le afecta. Para que puedas asignarle atributos de bloque debes convertirlo en uno.

Código
  1. label#l1 {
  2.   display:inline-block; /* o display:block; */
  3.   width:500px;
  4. }

Saludos


Título: Re: Problema con formulario en html y css
Publicado por: SARGE553413 en 19 Febrero 2014, 22:43 pm
Joder muchísimas gracias, por fin lo he hecho.