How do you remove Menu Nav last line divide?

[Marga]

Hi
Would someone be kind enough to help

I have line divides in my nav menu between each button

remove the last button line divide on the right side by writing a specific rule for the last menu item adding the the class tp the code below

Quote:

#menu a.level1 span.bg, #menu span.level1 span.bg {
background:url("../images/menu_level1_item.png") no-repeat scroll 100% 0 transparent;
color:#FFFFFF;
float:left;
font-size:18px;
height:47px;
line-height:47px;
padding:3px 20px 0 18px;
text-shadow:0 0 2px #646464;
}

Many Thanks for your help and Kind Regards

Charles

[Nipperkin]

Could you not use the :last-child pseudo-class for that?

[noahgelman]

I don’t know what your image looks like so I can’t be sure, but can you use border-right and style it the way you want and then use a class on the last child to remove the border? The :last-child pseudo class doesn’t work in IE7 I think.

[Author]

Posts