CSS Menu Code for you

This is a horizontal menu, background colour and text colour changes on rollover.

#nav {
width: 780px;
margin: 0 auto;
background-color: #F3F2ED;
margin-top: 5px;}
 #nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 10px;
	background-color: #F3F2ED;}
         #nav li {
	    float: left;
	    margin: 0;
	    padding: 0;
	    background-color: #F3F2ED;}
	     #nav li a {
	        float: left;
	        margin: 0 1px 0 0;
                font-size: 100%;
	        font-weight: normal;
	        text-decoration: none;
                padding: 5px 9px;
	        color: #555;}
	          #nav li a:hover {
	             color: #fff;
	             background: #354966;}

Code (markup):

And the XTHML

<div id="nav">
        <ul>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	</ul>
</div>

Code (markup):

 

nice, simple and easy
thanks

 

Can I see the site please? I would like to see what it looks like.

 

just copy the code above and use it to create a htm. file
is not that hard

 

Nice menu, better for sites with horizontal menu.

 

Cool, you should add an example page (even IF we can copy it).

 

http://www.designprophet.co.uk/examples/menu.htm

 

Well, it's nice, but in IE7 you'll get some bugs with that, but ok... it's not so visible. Only if you use it in vertical with arrows or something like that

 

so your saying, if this was a different menu and I used arrows, I would get errors in IE7? if so, thats irrelevent.

 

No, I mean if you will add an list-style-image... then you'll get very weird not centered image

 

If you are looking for some basic but fun CSS code visit CSSPlay.co.uk !