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:
    http://www.gamcreativemarketing.com/caf … 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>
    </div>

    #whattoExpectBTN{
    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: http://divitodesign.com/css/how-to-dropdown-css-menu/

    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.

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