Get a free trial // Grow your CSS skills // Land your dream job

Rollover Sub Menu

  • # November 25, 2009 at 5:03 pm

    Hey guys,

    I have a small problem that I know is very simple to resolved except I am not been smart about it. Basically I would like to get a Drop down menu from my rollover Navigation button called "what to expect". See below for the code.

    here is my link: … xpect.html

    <div id="navigation">
    <a href="whattoExpect.html" id="whattoExpectBTN" class="whattoExpectBTN" title="what to expect">what to expect</a>
    <li><a href="#">aaaaa</a></li>
    <li><a href="#">bbbbb</a></li>

    float : left;
    width : 165px;
    height : 43px;
    text-indent : -9999px;
    overflow : hidden;
    display : block;
    background : transparent url(images/nav_04.gif) no-repeat 0 0;
    #whattoExpectBTN:hover {
    background-position : bottom left;
    #whattoExpectBTN:active {
    background-position : bottom left;
    #navigation .whattoExpectBTN {
    background-position : bottom left;

    Thanks alot.

    # November 26, 2009 at 4:35 pm

    First, I’d read how HTML lists are supposed to be formatted

    Then, I’d check out how to make a CSS drop down with a list. I just googled and found this one:

    I hope that leads you in the right direction.

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed