Forums

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

Home › Forums › CSS › dropdown menu horizontal

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • June 3, 2011 at 2:04 pm #32982
    jeovan
    Member

    staff! I am studying at the css menu horizontal, could make a horizontal menu, now wanted him to do this same menu dropdown, with submenus with only 1 or 2 levels!
    se alguém tiver links, tutoriais para indicar, me manda!!

    Thank you for your help!

    Thanks


    

    

    

    

    

    
Eagle Team - 2011
    

    

    

    

    

    

    

    


    /*menu horizontal*/
    

    
ul.nav{
    
margin-left:0px;
    
padding-left:0px;
    
list-style:none;
    
border-bottom:0px;
    
overflow:hodden;
    
zoom:1;
    
}
    
ul.nav li{
    
float:left;
    
}
    

    
ul.nav a{
    
width:8em;
    
display: block;
    
border-style: 3px dashed solid;
    
border-bottom:none;
    
padding:6px;
    
margin-right:4px;
    
text-decoration:none;
    
color:#FFF;
    
text-align:center;
    
}
    

    

    
/*submenu*/
    

    

    
ul.nav2 sub{
    
width:8em;
    
float:left;
    
padding:25px 0px 0px 0px;
    
margin:0;
    
list-style:none;
    
background-image:url(images/tophover1.png);
    
background-repeat:no-repeat;
    
background-position:left top;
    
margin:-25px 0px 0px 0px;
    
}
    

    
ul.nav2 li a {
    
float:left;
    
width:120px;
    
background:#369;
    
clear:left;
    
color:#fff;}
    

    
ul.nav2 li a.endlist
    
{background:url(images/bottom1.png); }
    
ul.nav2 li a.endlist:hover,
    
ul.nav2 li a.endlist:focus,
    
ul.nav2 li a.endlist:active
    

    
{background:url(images/bottomhover1.png); }
    
ul.nav2 a:hover,
    
ul.nav2 a:focus,
    
ul.nav2 a:active {
    
background:#900;
    
margin-right:1px;
    
color:#fff;
    
}
    

    

    
a{
    
text-decoration:none;
    
}
    

    
a:hover {
    
text-decoration: underline;
    

    
}
    

    
/*menu horizontal*/
  • Author
    Posts
Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.