Foros del Web » Creando para Internet » CSS »

poner checkbox uno debajo del otro

Estas en el tema de poner checkbox uno debajo del otro en el foro de CSS en Foros del Web. hola comunidad necesito que me den una idea de crear un clase en css para hacer lo siguiente, aqui tengo un div al cual le ...
  #1 (permalink)  
Antiguo 13/02/2013, 21:57
 
Fecha de Ingreso: marzo-2009
Mensajes: 155
Antigüedad: 15 años, 1 mes
Puntos: 1
poner checkbox uno debajo del otro

hola comunidad necesito que me den una idea de crear un clase en css para hacer lo siguiente, aqui tengo un div al cual le tengo que aplicar una clase de forma tal que pinte el checkbox y el label correspondiente uno debajo del otro, se que poniendo una etiqueta <br> se resuelve el problema pero necesito que sea de esta forma si alguien sabe como resolverlo le agradecere.

<div class="asd" id="staffs">
<input type="checkbox" value="1" name="staffs[]" id="staffs_1">
<label for="staffs_1">acesor juridico</label>
<input type="checkbox" value="2" name="staffs[]" id="staffs_2">
<label for="staffs_2">auditor</label>
<input type="checkbox" value="3" name="staffs[]" id="staffs_3">
<label for="staffs_3">otro</label>
<input type="checkbox" value="4" name="staffs[]" id="staffs_4">
<label for="staffs_4">otro1</label>
</div>
  #2 (permalink)  
Antiguo 13/02/2013, 22:38
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: poner checkbox uno debajo del otro

Hola
Esto más que seguro te servirá:
www.librosweb.es, fijate el manual de Introducción al CSS.

Y dentro del mismo lee lo referente a display.
En realidad lee sobre elementos de linea o bloque y entenderás como realizar lo que pides.


Un ejemplo: http://jsfiddle.net/c2am/fFtpR/15/embedded/result/

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Última edición por C2am; 13/02/2013 a las 22:53

Etiquetas: checkbox, debajo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:33.