Results 1 to 2 of 2

Thread: Help with Chrome CSS Drop Down Menu

  1. #1
    Join Date
    Jan 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help with Chrome CSS Drop Down Menu

    1) Script Title: Chrome CSS Drop Down Menu

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

    3) Describe problem: I'm altering the script a bit by trying to get rid of the border on the last li. So, I added the following in the css file:.chromestyle ul > li:last-child a{border:none;}

    This works great in Firefox, but it's not working in Safari3 for Windows or IE. I'm very new to CSS, so any help would be much appreciated.

    Thank you!

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

    Default

    It could be Safari doesn't support the CSS selector used. The sure fire way is just to add an inline style to the last menu item:

    Code:
    <ul>
    <li><a href="http://www.dynamicdrive.com">Home</a></li>
    <li><a href="#" rel="dropmenu1">Resources</a></li>
    <li><a href="#" rel="dropmenu2" style="border-right: none">News</a></li>
    </ul>

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
  •