PDA

View Full Version : Chrome CSS Drop Down Menu (v2.01) - Divider on menu



redrosewebs
02-28-2007, 11:18 PM
1) Script Title: Chrome CSS Drop Down Menu (v2.01)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

3) Describe problem: I would like to be able to remove the grey divider following the last menu link (see http://brindlecommunityhall.co.uk and you'll see why - following the Contact Us link).

On the older version of this script I added a style attribute to the link as follows: <a href="contactus.htm" style="background-image: none"> , but this does not seem to work with the new version that I changed it to today.

Any help anyone can offer would be much appreciated!

Thanks,

Craig

ddadmin
03-01-2007, 07:10 AM
That's because the script now just uses CSS's border attribute to create the dividers. :) To get rid of the very last item's, just do this:


<li><a href="http://brindlecommunityhall.co.uk/contactus.htm" style="border-width: 0;">Contact Us</a></li>

BTW, you probably want to edit chromestyle.css and remove this line:


content: "v";

It's meant to be a feature in Firefox/Opera, to display a "v" next to menu items that contain a drop down, though in your case, I see it could be counterproductive.

redrosewebs
03-05-2007, 05:35 PM
Thankyou ever so much for your reply - works perfectly!

Regards,

Craig