Tema: mostrar cada 4 tablas en 1 fila
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/09/2010, 11:11
Avatar de Dundee
Dundee
 
Fecha de Ingreso: junio-2002
Ubicación: El Médano
Mensajes: 1.310
Antigüedad: 21 años, 10 meses
Puntos: 8
mostrar cada 4 tablas en 1 fila
Hola gente , tengo varias tablas con contenido relacionado a usuarios del sitios. El tema es que me gusaría que cada 4 tablas salgan en una fila; para ello he utilizado float:left y en la primera fila funciona, se muestra las 4 primeras. El problema surge en la segunda fila que se muestran dos tablas y la tercera baja a una segunda fila.

Este es el html:
Código: 
<div class="cb_template_default">	<hr class="cbUserListHrTop" size="1" />
	<div id="cbUserTable" class="cbUserListTable cbUserListT_4">
	  <table class='tree_cols'<tr><td valign="top" class="cbUserListCol1">
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_username"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&amp;task=userprofile&amp;user=68&amp;Itemid=49">andrea</a></span></div>

				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_avatar"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&amp;task=userprofile&amp;user=68&amp;Itemid=49"><img src="http://localhost/joomla/images/comprofiler/tn68_4c924a8890f59.jpg" alt="andrea" title="andrea" class="cbThumbPict" /></a></span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_titulo"><strong>titulo:</strong>-</span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_nacoinalidad"><strong>nacoinalidad:</strong>-</span></div>
			</td></tr></table><table class='tree_cols'<tr><td valign="top" class="cbUserListCol1">
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_username"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&amp;task=userprofile&amp;user=63&amp;Itemid=49">mariola</a></span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_avatar"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&amp;task=userprofile&amp;user=63&amp;Itemid=49"><img src="http://localhost/joomla/images/comprofiler/tn63_4c90734131978.jpg" alt="mariola" title="mariola" class="cbThumbPict" /></a></span></div>

				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_titulo"><strong>titulo:</strong>fff</span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_nacoinalidad"><strong>nacoinalidad:</strong>española</span></div>
			</td></tr></table><table class='tree_cols'<tr><td valign="top" class="cbUserListCol1">
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_username"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&amp;task=userprofile&amp;user=69&amp;Itemid=49">morena2</a></span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_avatar"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&amp;task=userprofile&amp;user=69&amp;Itemid=49"><img src="http://localhost/joomla/images/comprofiler/tn0_4c924b896ea09.jpg" alt="morena2" title="morena2" class="cbThumbPict" /></a></span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_titulo"><strong>titulo:</strong>-</span></div>

				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_nacoinalidad"><strong>nacoinalidad:</strong>-</span></div>
			</td></tr></table><table class='tree_cols'<tr><td valign="top" class="cbUserListCol1">
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_username"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&amp;task=userprofile&amp;user=65&amp;Itemid=49">morenaca</a></span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_avatar"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&amp;task=userprofile&amp;user=65&amp;Itemid=49"><img src="http://localhost/joomla/images/comprofiler/tn65_4c924ace1ab41.jpg" alt="morenaca" title="morenaca" class="cbThumbPict" /></a></span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_titulo"><strong>titulo:</strong>-</span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_nacoinalidad"><strong>nacoinalidad:</strong>-</span></div>

			</td></tr></table><table class='tree_cols'<tr><td valign="top" class="cbUserListCol1">
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_username"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&amp;task=userprofile&amp;user=64&amp;Itemid=49">pepona</a></span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_avatar"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&amp;task=userprofile&amp;user=64&amp;Itemid=49"><img src="http://localhost/joomla/images/comprofiler/tn64_4c90747129f66.jpg" alt="pepona" title="pepona" class="cbThumbPict" /></a></span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_titulo"><strong>titulo:</strong>-</span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_nacoinalidad"><strong>nacoinalidad:</strong>-</span></div>
			</td></tr></table><table class='tree_cols'<tr><td valign="top" class="cbUserListCol1">

				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_username"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&amp;task=userprofile&amp;user=67&amp;Itemid=49">rubiaca</a></span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_avatar"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&amp;task=userprofile&amp;user=67&amp;Itemid=49"><img src="http://localhost/joomla/images/comprofiler/tn0_4c9087248d250.jpg" alt="rubiaca" title="rubiaca" class="cbThumbPict" /></a></span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_titulo"><strong>titulo:</strong>-</span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_nacoinalidad"><strong>nacoinalidad:</strong>-</span></div>
			</td></tr></table><table class='tree_cols'<tr><td valign="top" class="cbUserListCol1">
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_username"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&amp;task=userprofile&amp;user=66&amp;Itemid=49">zorraida</a></span></div>

				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_avatar"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&amp;task=userprofile&amp;user=66&amp;Itemid=49"><img src="http://localhost/joomla/images/comprofiler/tn0_4c9086ad0b71e.jpg" alt="zorraida" title="zorraida" class="cbThumbPict" /></a></span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_titulo"><strong>titulo:</strong>-</span></div>
				<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_nacoinalidad"><strong>nacoinalidad:</strong>-</span></div>
			</td></tr></table>
	</div>	

	<hr class="cbUserListHrBottom" size="1" />
</div>
y el css que utilizo es este (en este caso la idea era que mostrara solo tres filas , de ahí el nombre tree_cols de la clase, pero me da igual que muestre 4).

.tree_cols {float:left; margin:5px 0; width:200px}
.cbUserListFieldLine {margin:5px;width:200px;}
__________________
Videotutoriales de Drupal