Forum Replies Created

  • Sharon Knight

    January 29, 2010 at 4:16 am in reply to: CSS drop down menu help
  • Sharon Knight

    January 29, 2010 at 1:36 am in reply to: CSS drop down menu help

    Thanks Fernando!

    Okay so here is the HTML code:

    <div id="menu">

    <ul>
    <li><a href="about.html"><h2>About</h2></a></li>
    <ul>
    <li><a href="who_we_are.html">Who We Are</a></li>
    <li><a href="contact.html">Contact</a></li>
    </ul>
    </ul>

    And here is the CSS:

    #menu {
    width:100%
    background: #eee;
    float:right;
    position: relative;
    top: 147px;

    }

    #menu ul {
    list-style: none;
    padding:0;
    width:4.75em;
    float: left;
    }

    #menu a, #menu h2 {
    font: bold 11px/16px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 2px 10px;
    display: block;
    }

    #menu h2 {
    color: #FFCC66;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    border-top: 2px groove #990000;
    border-bottom: 2px groove #990000;
    }

    #menu a {
    color: #FFCC66;
    background: #660000;
    text-decoration:none;
    }

    #menu a:hover {
    color: #a00;
    background: #E8B973;
    }

    #menu ul ul {
    position: absolute;
    z-index: 500;
    }

    div#menu ul ul {
    display: none;
    }

    div#menu ul li:hover ul
    {display: block;}

    div#menu ul ul,
    div#menu ul li:hover ul ul,
    div#menu ul ul li:hover ul ul
    {display: none;}

    div#menu ul li:hover ul,
    div#menu ul ul li:hover ul,
    div#menu ul ul ul li:hover ul
    {display: block;}

    .clearFloat {
    clear: left;
    }

    Any idea why my drop downs won’t reveal? They hide just fine. I am not developing w/ IE.

    I welcome any advice!

    Thx! Sharon

  • Sharon Knight

    January 28, 2010 at 2:13 am in reply to: CSS drop down menu help

    Oh sheesh and now the HTML i posted to show you is displaying not as code but as the end result. Argh.

    Is there a way I can show you my HTML code, or is this good enough?

    Sorry for the hassle.

    Basically it’s

    Unordered List
    List Item Link Header2
    Unordered List Link
    Unordered List Link

    Indents means it’s nested, and yes, all tags are closed properly.

    I hope this helps, cause damn.

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy