Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Need help Drop down menu- This does not work in ie10. Also, in ie9 the height reduces?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #45073
    yeswanth
    Member
    #136378
    yeswanth
    Member

    This is my css code
    nav{
    float:left;
    width:100%;
    margin-top:6px;
    }
    nav ul ul {
    display: none;
    }
    nav ul li:hover > ul {
    display: block;
    }
    nav ul {
    width:990px;
    background:#B0B0B0 ;
    padding: 0 5px;
    list-style: none;
    position: relative;
    display: inline-table;
    }
    nav ul:after {
    content: “”; clear: both; display: block;
    }
    nav ul li {
    float: left;
    color:solid black;
    }
    nav ul li:hover {
    background:#330000;
    }
    nav ul li:hover a {
    color: #fff;
    }
    nav ul li a {
    display: block;
    padding: 15px 40px;
    color:#000000;
    text-decoration: none;
    }
    nav ul ul {
    width:165px;
    background:#B0B0B0 ;
    border-radius: 0px;
    position: absolute;
    top: 100%;
    }
    nav ul ul li {
    float: none;
    border-top: 1px solid #6b727c;
    border-bottom: 1px solid #575f6a;
    position: relative;
    }
    nav ul ul li a {
    padding: 5px 0px;
    color:#000000;
    text-decoration:none;
    }
    nav ul ul li a:hover {
    background:#330000;
    }

    #139678

    Could you please provide a demo over on codepen.io, or jsfiddle.net instead of pasting your Markup and CSS here? I’d be happy to assist once that’s been done.

    #136379
    Paulie_D
    Member

  • Home

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.