creating a horizontal menu using a list

[NickMalloy]

I want to create a horizontal menu using a list or something simular using css. my code looks like this. I can't figure out how to make this horizontal.

<ul class="menu">
<li><a href="#">link 1</a> |</li>
<li><a href="#">link 2</a> |</li>
<li><a href="#">link 3</a></li>
</ul>

 

[dmacster]

See this tutorial (go to the bottom and there's a section for horizontal menus)

http://projectseven.com/tutorials/css/uberlinks/index.htm

Donna

 

[FesterSXS]

http://www.udm4.com

is also a good site for a VERY functional, accessible, standards compliant, adjustable list based menu.

Tony

Spirax-Sarco - steam traps control valves heat exchangers
Sun Villa - Luxury Florida accommodation

 

[Targol]

A very single tutorial with preview can be found here :

http://www.w3schools.com/css/tryit.asp?filename=trycss_float5

Water is not bad as long as it stays out human body ;-)

 

[Foamcow]

Or you could just try some simple CSS like:

ul.menu li {
    float:left;
}

Foamcow Heavy Industries - Web design and ranting
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
I wonder what possesses people to make those animated gifs. Do you just get up in the morning and think, "You know what web design r

 

[dmacster]

Good point, Targol. I've used many of the w3schools tutorial to get a grip on such things.

Donna

 

[NickMalloy]

thanks everyone for the help