PDA

Ver la Versión Completa : [CSS] <ul> en horizontal


Ñuño Martínez
30-07-2007, 13:21:41
Ya he formulado esta consulta en otro foro más especializado, pero aun así también pregunto aquí porque nunca se sabe :). Voy al grano.

Quiero hacer una barra de menú horizontal y como quiero hacerlo como Dios y la W3C (http://www.w3c.org/) mandan pues he escrito un código parecido a este:<ul>
<li><a href="Andesea.html">Opcion 1</a></li>
<li><a href="Andesea.html">Opcion 2</a></li>
<li><a href="Andesea.html">Opcion 3</a></li>
</ul>pero claro, así me sale vertical y yo quiero que sea horizontal, una opción al lado de otra en la parte superior de la página.

Sé que puede hacerse porque lo he visto, pero al mirar el código fuente del CSS ,que es donde se define, no me entero de nada (esa puñetera manía de utilizar "ides", "divs" flotantes, arrobas y capas sobre capas que tienen los diseñadores :mad: ). Lo he intentado, pero me temo que mis conocimientos sobre CSS no llegan a tanto.

¿Alguien puede escribirme un CSS sentillito que pueda comprender para el código que he puesto de ejemplo que muestre la lista en horizontal?

Gracias. :)

dec
30-07-2007, 13:27:22
Hola,

Más o menos:



<style type="text/css">

ul#menu li {
display: inline;
}

</style>

<ul id="menu">
<li><a href="Andesea.html">Opcion 1</a></li>
<li><a href="Andesea.html">Opcion 2</a></li>
<li><a href="Andesea.html">Opcion 3</a></li>
</ul>

Ñuño Martínez
30-07-2007, 13:33:45
¿QUÉÉÉÉÉÉÉÉÉÉ? :eek: Y yo pensando que iba a ser un tocho...

Gracias Dec, funciona justo como lo necesito. :)