Foros Club Delphi

Foros Club Delphi (https://www.clubdelphi.com/foros/index.php)
-   HTML, Javascript y otros (https://www.clubdelphi.com/foros/forumdisplay.php?f=38)
-   -   [CSS] <ul> en horizontal (https://www.clubdelphi.com/foros/showthread.php?t=46358)

Ñuño Martínez 30-07-2007 13:21:41

[CSS] <ul> en horizontal
 
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 mandan pues he escrito un código parecido a este:
Código PHP:

<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:

Código PHP:


<style type="text/css">

ul#menu li {
  
displayinline;
}

</
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. :)


La franja horaria es GMT +2. Ahora son las 03:53:58.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Traducción al castellano por el equipo de moderadores del Club Delphi