Results 1 to 3 of 3

Thread: Chrome CSS Drop Down Menu (v2.01) - Divider on menu

  1. #1
    Join Date
    Feb 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Chrome CSS Drop Down Menu (v2.01) - Divider on menu

    1) Script Title: Chrome CSS Drop Down Menu (v2.01)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...rome/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

  2. #2
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    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:

    Code:
    <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:

    Code:
    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.

  3. #3
    Join Date
    Feb 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thankyou ever so much for your reply - works perfectly!

    Regards,

    Craig

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •