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

Home Forums CSS Colour fading menu with JQuery – single background image

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #34444

    I have tried to do a single background image replacement instead of a repeating background and can’t seem to get it to work. I thought it would be as easy as replacing the file in the main.css, but I mist be overlooking something. Sorry for such a noob question.

    Thanks for you help.


    It would be easier to explain with more information on what you are wanting to do, or you if we could see your code.

    I think what you’re asking is this, you can use two separate images like so:

    #menu a {
    background:url(images/menu_bg.png) no-repeat 0 0;
    #menu a:hover,
    #menu a:acitve {
    background:url(images/menuHover_bg.png) no-repeat 0 0;

    Or better yet, use a single sprite image. Google for a sprite tut.

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