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