Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de listas <ul> consecutivas: deformación de la segunda en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/04/2007, 19:34
 
Fecha de Ingreso: julio-2002
Mensajes: 813
Antigüedad: 15 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.
  #2 (permalink)  
Antiguo 06/04/2007, 03:53
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: listas <ul> consecutivas: deformación de la segunda

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,
  #3 (permalink)  
Antiguo 06/04/2007, 06:47
 
Fecha de Ingreso: julio-2002
Mensajes: 813
Antigüedad: 15 años, 4 meses
Puntos: 2
Re: listas <ul> consecutivas: deformación de la segunda

buenos días:

queda así (pero alineado a la derecha):

Página Principal | Entrada Clientes | Contacto | Boletín de Noticias

Nombre de
la empresa |
Modificar

cuando debería quedar:

Nombre de la Empresa | Modificar

gracias. salu2.
  #4 (permalink)  
Antiguo 06/04/2007, 07:02
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: listas <ul> consecutivas: deformación de la segunda

Hola de nuevo.

He probado tu código y me queda bien:



Saludos,
  #5 (permalink)  
Antiguo 06/04/2007, 07:18
 
Fecha de Ingreso: julio-2002
Mensajes: 813
Antigüedad: 15 años, 4 meses
Puntos: 2
Re: listas <ul> consecutivas: deformación de la segunda

gracias por comprobarlo,
pero no me queda bien.

no se que mas probar!

gracias. salu2.
  #6 (permalink)  
Antiguo 06/04/2007, 07:59
 
Fecha de Ingreso: julio-2002
Mensajes: 813
Antigüedad: 15 años, 4 meses
Puntos: 2
Re: listas <ul> consecutivas: deformación de la segunda

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.
  #7 (permalink)  
Antiguo 06/04/2007, 08:09
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: listas <ul> consecutivas: deformación de la segunda

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 1pxpadding: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,
  #8 (permalink)  
Antiguo 06/04/2007, 13:46
 
Fecha de Ingreso: julio-2002
Mensajes: 813
Antigüedad: 15 años, 4 meses
Puntos: 2
Re: listas <ul> consecutivas: deformación de la segunda

buenas tardes.

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

gracias. salu2.
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 11:56.