1 reply [Last post]
Ninja2112
Ninja2112's picture
Offline
newbie
Last seen: 4 years 30 weeks ago
Timezone: GMT-3
Joined: 2015-05-03
Posts: 2
Points: 4

Hello...I'trying to add submenus to my main menu, and still didn't suceed. Here's piece of my code in the tag :

body{
background:#eee;color:#000;font-size:11px;font-family:Verdana,sans-serif;margin:0;padding:0;text-align:center}
#tudo{background:#fff;border:#000 1px solid;width:750px;margin:auto;padding:0;text-align:left}
#cabecalho{background:#ccc;font-size:18px;text-align:center;padding:30px}
#menu{background:#000;height:27px;margin:0;padding:0}
#menu ul{margin:0;padding:0;margin-left:6px}
#menu ul li{display:inline}
#menu ul li a{background:#444;color:#fff;border:1px #fff solid;border-bottom:1px #000 solid;float:left;padding:5px 7px;margin:2px;text-decoration:none}
#menu ul li a:hover{background:#fff;color:red;border:red 1px solid;border-bottom:none;text-decoration:none}
#conteudo{clear:both;font-size:12px;padding:5px;text-align:center}
#rodape{clear:both;background:#000;color:#fff;padding:5px;text-align:center
}

And in the tag:

How can I do that ?

VeeraM
VeeraM's picture
Offline
Enthusiast
bangalore
Last seen: 4 years 7 weeks ago
bangalore
Timezone: GMT+5.5
Joined: 2014-09-22
Posts: 59
Points: 59

sub menu

Hi, the sub menu create an normal menu creation and where sub menu used it create an ul tag sub ul and li type to same method,
css:
ex:
ul ul{
display:none;
}
next hover code and background used it in same function.