Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/04/2007, 18:34
evoarte
 
Fecha de Ingreso: julio-2002
Mensajes: 813
Antigüedad: 21 años, 8 meses
Puntos: 2
listas <ul> consecutivas: deformación de la segunda

buenas noches:

no consigo montar dos listas consecutivas sin que la segunda no se muestre bien, cuando los textos de ambas difieren en tamaño para cada elemento:

<div id="activar">
<ul class="accion">
<li id="11111" title="" onclick="">aaaaaaaaaaaaaa</li>
<li id="22222" title="" onclick="">bbbbbbbbbb</li>
<li id="33333" title="" onclick="">cccccccccccccccc</li>
<li id="44444" title="" onclick="">ddddd</li>
</ul>
</div>

<div id="cliente">
<ul class="barra">
<li id="11111" title="" onclick="">11111</a></li>
<li id="22222" title="" onclick="">22222</li>
<li id="33333" title="" onclick="">33333</li>
<li id="44444" title="" onclick="">44444</li>
</ul>
</div>

el código css:

#activar {float:right;}

.accion ul {text-align:center;}
.accion li {display:block;float:left;margin:0px 0px 0px 1px; padding:0px 5px;
list-style-type:none;cursor:pointer;}
.accion li a {color:#000000;text-decoration:none;}


#cliente {clear:both;float:right;margin:10px 0px 0px 0px; }

.barra ul {text-align:center;}
.barra li {display:block;float:left;margin:0px 0px 0px 1px;padding:0px 5px;
list-style-type:none;cursor:pointer;}
.barra li a {color:#408080;text-decoration:none;}

la segunda lista, no se muestra en línea salvo que el texto de los <li> sea igual en tamaño que los correspondientes a la línea superior.

gracias. salu2.