Foros del Web » Creando para Internet » CSS »

Alineacion de Checkbox

Estas en el tema de Alineacion de Checkbox en el foro de CSS en Foros del Web. hola! estoy haciendo un diseño de un sistema de invitacion,,los nombres se sacar de una base de datos,,,lo nombre tiene diferente cantidad de letras , ...
  #1 (permalink)  
Antiguo 06/08/2008, 23:15
 
Fecha de Ingreso: marzo-2006
Mensajes: 401
Antigüedad: 11 años, 9 meses
Puntos: 1
Alineacion de Checkbox

hola! estoy haciendo un diseño de un sistema de invitacion,,los nombres se sacar de una base de datos,,,lo nombre tiene diferente cantidad de letras , entonces el diseño se me descuadra.. alguien me puede ayudar..
Código:
<div id="invitar_box" style="display:none;">
<div id="space"></div>
<span class="invitar_checkbox">
<img src="<?=base_url();?>/images/no-user.gif">
<label id="txt_checkbox">Jordan</label>
<input type="checkbox" name="colores"  value="3">
</span>

<span class="invitar_checkbox">
<img src="<?=base_url();?>/images/no-user.gif">
<label id="txt_checkbox">Wilmer</label>
<input type="checkbox" name="colores"  value="3">
</span>

<span class="invitar_checkbox">
<img src="<?=base_url();?>/images/no-user.gif">
<label id="txt_checkbox">Carlos</label>
<input type="checkbox" name="colores"  value="3">
</span>

<span class="invitar_checkbox">
<img src="<?=base_url();?>/images/no-user.gif">
<label id="txt_checkbox">Carlos</label>
<input type="checkbox" name="colores"  value="3">
</span>

<span class="invitar_checkbox">
<img src="<?=base_url();?>/images/no-user.gif">
<label id="txt_checkbox">Eduardo</label>
<input type="checkbox" name="colores"  value="3">
</span>
<span class="invitar_checkbox">
<img src="<?=base_url();?>/images/no-user.gif">
<label id="txt_checkbox">Eduardo</label>
<input type="checkbox" name="colores"  value="3">
</span>

<div style="padding-left:5px;">
<textarea style="width:95%;margin-top:10px;" id="msg" rows="5" cols="20"></textarea>
</div>
css
Código:
.invitar_checkbox{
	
	padding:6px 7px 3px;
	margin:5px;
	background:#EDEEEE;
 
	
	
}
.invitar_checkbox input{
	
	margin:2px 6px 11px 10px;
	
}

#txt_checkbox{
	
	display:inline;
	margin:13px;
	color:#666666;
	
}#invitar_box{
	
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin-top:-5px;
	margin-bottom:5px;
	overflow:hidden;

}
alquien me puede ayudar?
__________________
Importzona.com - Portal Racing
Tunerspot.net - your spot on net
  #2 (permalink)  
Antiguo 07/08/2008, 10:24
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Alineacion de Checkbox

Podrías darle un ancho como el más grande de los checkbox.

Pero de todas maneras... ¿con ese código que muestras consigues lo que se ve en la captura?
__________________
Visita mi nueva web idplus.org
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 13:21.