como hacer dos listas seguidas

yense · #1 (**permalink**) 02/02/2011, 10:10

bueno tengo una duda
como puedo hacer dos listas seguidas ejemplo

Código HTML:

Ver original<ul>
  <li>menu 1</li>
  <li>menu 2</li>
</ul>
<ul>
  <li>menu 3</li>
  <li>menu 4</li>
</ul>

bueno eso es el html

Código CSS:

Ver original<style>
ul{
display:block;
width:130;
}
<style>

Bueno eso supongo deberia de hacer eso posible

no se como puedo resolver este ejercicio

por fa me pueden ayudar

GAST0N · #2 (**permalink**) 02/02/2011, 10:39

y q es lo q deseas hacer.. ???

porq el ejemplo que das son 2 listas.. no entiendo que deseas hacer

yense · #3 (**permalink**) 02/02/2011, 10:40

bueno lo que quiero es que estén seguidas como si les hubiera colocado dentro de una tabla con dos columnas

GAST0N · #4 (**permalink**) 02/02/2011, 11:04

Podria hacer algo asi...

obviamente es algo a grandes rasgos.. podria ser mejorado.. pero asi queda como vos queres

Código PHP:

  <html>

<head>

<style>

.lista1{

width:130;

display:block

 
}

 
.lista2{

display:block;

margin-top:-15px;

width: 130px;

}

</style>

</head>

<body>

<ul class="lista1">

  <li>menu 1</li>

  <li>menu 2</li>

</ul>

<ul class="lista2">

  <li>menu 3</li>

  <li>menu 4</li>

</ul>

</body>

</html>

yense · #5 (**permalink**) 02/02/2011, 13:06

Beuno lo probe pero no hace nada

en el navegador que estroy probando es chrome

y bueno solo lo veo como dos listas que una esta debajo de la otra

pero gracias de todas maneras

carlos_belisario · #6 (**permalink**) 02/02/2011, 14:27

pues creo que tienes que explicarte un poco mejor que deseas que esten una al lado de la otra??
sencillamente con agregarle float:left puedes hacerlo, pero en si tu duda no se entiende, saludos