CSS footer menu question...

[HooverDST]

This might sound like an easy problem to solve but I've checked the forums and couldn't find an answer:

I have included a horizontal footer menu in an unordered list format to a site I'm working on and it uses the {menu} tag so it's all dynamic.

What I want to do is remove the left hand side border (or seperator) on the first list item of the menu.  Usually this is done in the style sheet with something like;

Code: Select all

#footer ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

But since this is using the {menu} tag to display, how do I add a class to the first list item?

[Dr.CSS]

The way I do it, it will add classes to all the menu items but you just pick out the ones you want...

http://www.multiintech.com/index.php/imap1.html

second block down is the menu manager template, to be copy/pasted into a new menu template for the menu...

Another site that uses the same type of class calls to color individual menu items... look under Products...

http://blueoakom.com/