Forums

ReturnOfTheGeek

I am having issues regarding some of my CSS on a site: http://www.myemergencyapp.com/

I am trying to add a CSS drop down menu to the current nav with no luck, every time it just seems to display poorly or not at all. Could you help? The CSS is:
http://www.myemergencyapp.com/css/base.css

Any help would be appreciated
Thanks

JPC776

Try adding this to your css


header nav ul li ul{
    position:absolute;
    left:-999em;  
}
header nav ul li:hover ul {
    color:blue;
    position:absolute;
    top:auto;
    left:0px;
    display:block;
}

I think this should work to help with the drop down then you can just style as needed.

Hope this helps,
Jason

Hompimpa

header nav ul li ul {
  width:200px;
  list-style:none;
  background:#F00;
  position:absolute;
  left:-999em;
  top:100%;
  display:block;
}

header nav ul li ul li {
  float:none;
  display:block;
  width:auto;
  position:relative;
}

header nav ul li:hover ul {
  color:blue;
  position:absolute;
  left:0;
  display:block;
}

treehouse : what would you like to learn today?

Forums

CSS Dropdown Issue