WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] DropDown to DropUp (3 posts)

  1. kennethwatt
    Member
    Posted 4 years ago #

    Hi guys

    I have the following CSS code:

    #ddm {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #ddm li {
        float: left;
        width: 75px;
        margin: 0 1px;
        background: #900;
        text-align: center;
        border: 1px solid #009;
    }
    #ddm a {
        color: #fff;
        display: block;
        text-decoration: none;
        padding: 2px 0 3px;
        width: 75px;
    }
    #ddm a:hover {
        background: #000;
    }  
    
    #ddm li ul {
        position: absolute;
        width: 75px;
        left: -5000px;
    }
    
    #menu li ul {
        position: absolute;
        width: 75px;
        left: -5000px;
    }

    and the following code in my footer:

    <ul id="ddm">
        <li><a href="#">Latest Posts</a>
            <ul>
                <li><a href="#">Post One</a></li>
                <li><a href="#">Post Two</a></li>
                <li><a href="#">Post Three</a></li>
            </ul>
        </li>
    </ul>

    How can I get the menu to 'drop up' rather than 'drop down' when one hovers over it?

    Many thanks

    Kenneth Watt

  2. stvwlf
    Member
    Posted 4 years ago #

    try adding a negative "bottom" to #menu li ul {

  3. kennethwatt
    Member
    Posted 4 years ago #

    Thanks very much. Had found similar solution elsewhere.

    :)

Topic Closed

This topic has been closed to new replies.

About this Topic