Geek tip of the day

Comments Off    Share on Facebook
ShortLink:

So if you were trying to say create a menu in css and wanted to put a simple seperator on the first line, but not the child menu’s or the drop downs, here is how you would do it..!

#nav li {
float: left;
margin: 0px;
padding: 0px;
background-image:url(images/nav_sep2.gif);
background-position:left;
background-repeat:no-repeat;
}
#nav li:first-child {background:none; }

That get you where you want on the top line of the menu, just don’t forget to put the background:none; on the subsequent children i.e.

#nav li li {background: none;} and so on …

Comments are closed.