Results 1 to 4 of 4

Thread: Chrome CSS Drop Down Menu: finding last link

  1. #1
    Join Date
    May 2008
    Location
    austin, tx
    Posts
    3
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default Chrome CSS Drop Down Menu: finding last link

    Chrome CSS Drop Down Menu (v2.01)


    http://www.dynamicdrive.com/dynamici...rome/index.htm


    I'm trying to remove the last right-border on the last main link. I have tried various incarnations of:

    .chromestyle ul li a last {
    border:none;
    }


    .chromestyle li a last {
    border:none;
    }


    .chromestyle ul a last {
    border:none;
    }


    as well as adding a class="last" within the href or not.

    I just need to get rid of the right-hand border on the last main link.

    Thanks

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

    Default

    You should be able to get rid of the border in the right most menu item by doing something like:

    Code:
    <div class="chromestyle" id="chromemenu">
    <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-width:0">News</a></li>
    </ul>
    </div>

  3. #3
    Join Date
    May 2008
    Location
    austin, tx
    Posts
    3
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    you would think, but it doesn't work.

    The css is providing style for all ul li a items and for some reason, I can't override that last item.

    Something has to be amiss.. thanks though

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

    Default

    Are you sure? I just tried the above on the default demo, and it gets rid of the right border of the rightmost menu item.

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
  •