Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS nav dropdown li background images

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #29983
    rjmccollam
    Participant

    I am using Chris’ simple jQuery dropdown menu (which works fantastic) but instead of styled text I am using images for the individual li’s. This works great on the top level li’s, but I am having an issue with the dropdown li’s.

    You can view the site at http://dev.rjmccollam.com/site/

    I have a feeling (and am hoping) it is a simple value that needs to be added, but I have been toying around with it for awhile and getting nowhere.

    Thanks for your help!

    #81856
    rch
    Participant

    The very first thing is in your PNGs sprites: they all need to have the same height (21px x 3 states= 63px tall). If you aren´t using 3 states then your images must have 42px height. In this case you´ll need something like this:

    Code:
    li.kukuna a {
    background:url("images/kukuna.png") repeat scroll center top transparent;
    }
    li.kukuna a:hover {
    background:url("images/kukuna.png") repeat scroll center bottom transparent;
    }

    Repeat this in every other links:
    Cheers

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.