Forum Moderators: not2easy

Message Too Old, No Replies

List Menus - Cross Brower Horizontal Lists?

Need some pointers...

         

Nick_W

6:27 pm on Oct 22, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi all,

I vaguely recall a thread or some links to a cross-brosers horizontal nav bar made of <ul>. Anyone know what I mean? - I've never tried it...

Any drawbacks or pitfalls? I need to use hovers for a traditional top nav style bar.

If anyone has a code example that's pretty robust I'd be MOST appreciative ;)

Cheers

Nick

DrDoc

6:33 pm on Oct 22, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



We had a thread about that the other day:
[webmasterworld.com...]

<html>
<head>
<title>Untitled</title>
<style type="text/css">

#vert li {
list-style: circle;
}

#hort li {
float: left;
padding-left: 1em;
}

</style>
</head>
<body>

<ul id="vert">
<li><a href="#">My link</a></li>
<li><a href="#">Another link</a></li>
<li><a href="#">More links</a></li>
<li><a href="#">Blah</a></li>
</ul>

<ul id="hort">
<li><a href="#">My link</a></li>
<li><a href="#">Another link</a></li>
<li><a href="#">More links</a></li>
<li><a href="#">Blah</a></li>
</ul>

</body>
</html>

Basically, the only pitfall is that the horizontal list doesn't work well with ordered lists.

[webmasterworld.com...]

Nick_W

6:35 pm on Oct 22, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Nice one Doc, I KNEW I'd skimmed over somthing recently ;)

Cheers

Nick

DrDoc

6:36 pm on Oct 22, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



ALA's 'Taming Lists' is helpful too...

bill

7:30 am on Oct 23, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



The Listamatic over at Max Design isn't too shabby either...