listas <ul> consecutivas: deformación de la segunda

evoarte · #1 (**permalink**) 05/04/2007, 18:34

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.

JavierB · #2 (**permalink**) 06/04/2007, 02:53

Hola evoarte

No entiendo a qué te refieres con que no se muestra en línea. Si puedes poner una captura de pantalla, será más fácil ver el fallo.

Saludos,

evoarte · #3 (**permalink**) 06/04/2007, 05:47

JavierB · #4 (**permalink**) 06/04/2007, 06:02

Hola de nuevo.

He probado tu código y me queda bien:

Saludos,

evoarte · #5 (**permalink**) 06/04/2007, 06:18

gracias por comprobarlo,
pero no me queda bien.

no se que mas probar!

gracias. salu2.

evoarte · #6 (**permalink**) 06/04/2007, 06:59

puede tener algo que ver la forma en que defino la página:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" >

gracias. salu2.

JavierB · #7 (**permalink**) 06/04/2007, 07:09

Hola de nuevo.

Yo tampoco se que puede estar pasando

Este es el código que he utilizado para probar:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" >
<head>
<title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/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;}
</style>
</head>
<body>
<div id="activar">
<ul class="accion">
<li id="11111" title="" onclick="">P&#225;gina Principal</li>
<li id="22222" title="" onclick="">Entrada Clientes</li>
<li id="33333" title="" onclick="">Contacto</li>
<li id="44444" title="" onclick="">Bolet&#237;n de Noticias</li>
</ul>
</div>

<div id="cliente">
<ul class="barra">
<li id="11111" title="" onclick="">Nombre de la Empresa</a></li>
<li id="22222" title="" onclick="">Modificar</li>
</ul>
</div>
</body>
</html>

Saludos,

evoarte · #8 (**permalink**) 06/04/2007, 12:46

buenas tardes.

ok, en FF no se "corta", en IE si.
continuo sin saber resolverlo, no entiendo que pasa.

gracias. salu2.