unordered lists for horizontal menus? (CSS)

[fuli42]

Hi!

I am building an XHTML site. In respect to the XML philosophy, I think one should organise the navigation menus in a way that it represents some sort of strucutre in the code.
So:

<ul>
<li><a href=&quot;link1.html&quot;>Menu1</a></li>
<li>a href=&quot;link2.html&quot;>Menu2</a></li>
</ul>

would be appropriate (and not tables).
My question is, how can you 'hack' the <li> tags using CSS, so that they display their items in a horizontal line, like this:

Menu1 Menu2

Later I want to embed sumbenus, that should look like this:

Menu1 Menu2
menu1.1 menu1.2 menu1.3

I think once I can put the <li> items in a horizontal line, I can solve the second question...

Thank you very much for your help in advance,

Balint

 

[fuli42]

Hi!

Sorry, my post might have been unnecessary... I1ve found the answer:

If you are interested in how the above task can be accomplished, here's the link:

http://www.alistapart.com/stories/practicalcss/

somewhere at the bottom.

Happy coding,

Balint

 

[cian]

U found the answer.

I was going to suggest display: inline or also just add a bull &bull;

Thx for posting the solution too! that's not done often enough



::

http://www.endamcg.com

::

http://www.endamcg.com/macaonghusa

(DRAFT VERSION)

 

[petey]

Ha! I was about to post a link to &quot;A List Apart&quot; but looks like you found it.

You probably found this article, also on ALA, but posting it just in case:

http://www.alistapart.com/stories/taminglists/

petey

 

[fuli42]

THankx, Petey,

Yes, in fact I followed the same link to arrive to the one I've posted above