www.webdeveloper.com
Results 1 to 2 of 2

Thread: how to remove last divider image from menu

  1. #1
    Join Date
    May 2013
    Posts
    4

    Question how to remove last divider image from menu

    I've created a menu, & give it a divider image so every list item looks separate from each other. but how do I remove the last divider? as it's looking odd there. here is the code I'm using from less:

    .top-menu {
    background: url(../images/bg_linkstop.jpg) repeat-x;
    border: #FFF 2px solid;
    border-radius: 10px;
    margin: 10px 0;
    height: 52px;
    list-style: none;

    li {
    float: left;
    height:48px;
    padding: 0 22px;
    background : url(../images/bg_divisor.png) no-repeat center right;

    }
    }

    & here is the screenshot of the result:
    http://img3.uploadhouse.com/fileuplo...b07128b920.jpg

    any kind of help would be appreciated.
    thanks

  2. #2
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,477
    Hi there Aohor,

    try it like this...
    Code:
    
    li:last-of-type {
        background:none;
    }
    coothead

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles