Help! For some reason, I can't figure out a simple horizontal
menu... Nothing complicated, no dropdowns or submenus. Just a simple
set of "A" tags that I'd like to be displayed horizontally in
uniformly-sized blocks. I'm using an unordered list, and I've set my
LI tags to "inline" and then the enclosed A tags to "block".
Shouldn't that work? For some reason, the A blocks go on their own
lines. I want them to stay on the same line. I have a feeling I'm
missing one little thing to make this work. Any help is appreciated.
[CODE BELOW]
Thanks,
Dean Champeau
body {
text-align:center;
padding-top:60px;
}
#main {
width:702px;
text-align:left;
margin-left: auto;
margin-right: auto;
}
#navmenu ul {
list-style:none;
margin:0;
padding:0;
}
#navmenu ul li {
display:inline;
}
#navmenu ul li a {
display:block;
border:thin solid;
width:114px;
}
<body>
<div id="main">
<img id="logo" src="images/logo.gif"/>
<div id="navmenu">
<ul>
<li><a href="#">Overview</a></li>
<li><a href="#">Detail</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</body>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
