05/04/2007, 18:34
|
| | Fecha de Ingreso: julio-2002
Mensajes: 813
Antigüedad: 22 años, 4 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. |