Grow your CSS skills. Land your dream job.

Missing Something with Hover Menu

  • # June 26, 2008 at 4:39 am

    I’m trying to set up a menu with a background image applied to the anchor link via a class. The anchor link seems to have the correct dimensions but no matter what i do i can’t get the background image to display. Am i missing something fundamental? Any help much appreciated!

    Thanks,

    Nick

    CSS:

    Code:
    ul#menu {
    list-style:none;
    }
    ul#menu li {
    display:inline;
    }
    ul#menu li a {
    display:block;
    width:150px;
    height:120px;
    float:left;
    }
    ul#menu li a.home {
    background-image:url(images/menunormal_01.png);
    }
    ul#menu li a.about {
    background:url(images/menunormal_02.png);
    }
    ul#menu li a.contact {
    background:url(images/menunormal_03.png);
    }

    html:

    box
    # June 26, 2008 at 5:39 am

    You haven’t applied any classes to the links ;)

    # June 26, 2008 at 8:00 am

    schoolboy error :oops: ! thanks for that nick

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".