1) I have read numerous articles but am unable to replicate the results I want...
2) I need this to work on all browsers or as many as possible anyways...flawlessly in IE and FF
HTML
Code: Select all
<div id="body_container">
<ul id="user_menu">
<li id="user_menu"><a href="#">Ads</a></li>
<li id="user_menu"><a href="#">Ads</a></li>
<li id="user_menu"><a href="#">Ads</a></li>
<li id="user_menu"><a href="#">Ads</a></li>
<li id="user_menu"><a href="#">Ads</a></li>
</ul>
</div>Code: Select all
#user_menu li {
float: left;
list-style-type: none;
}
#user_menu ul {
margin: 0;
padding: 0;
}1) Make the list items display horizontally
2) Make the menubar flush against the container DIV
I imagine the first is done by:
float - instead of inline so block styles can be applied, such as background-image, etc???
I also figure the the second has to do with the margin, padding of the UL element...
I cannot figure out which styles to apply, etc...
If someone could show me how it would be done to JUST display a simple horizontal menu (as I can figure out hover in my ANCHOR for image flipping, etc...
I would be greatful thank you
Cheers