vorrei creare nel css un mio menu,non rieso a sapere come fare che il sotto menu sia a comparsa laterale al passaggio del mouse, riesco solo a farlo sotto e dopo il click.
allego il css del mio template:
a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(
http://www.samassiweb.it/images/menu/bbb.png) no-repeat;
vertical-align: middle;
font-size: 12px;
font-weight: bold;
color: #dfe2f1;
text-align: left;
padding-top: 5px;
padding-left: 25px;
height: 25px !important;
height: 25px;
width: 170px;
text-decoration: none;
}
a.mainlevel:hover {
display: block;
background: url(
http://www.samassiweb.it/images/menu/bbb1.png) no-repeat;
vertical-align: middle;
font-size: 14px;
font-weight: bold;
color: #c9085a;
text-align: left;
padding-top: 5px;
padding-left: 25px;
height: 25px !important;
height: 25px;
width: 150px;
text-decoration: none;
}
#active_menu {
background-position: 0px -32px;
font-size: 15px;
color:#455fd8;
font-weight: bold;
}
a.active_menu:hover {
color: #00000;
}
a.sublevel:link, a.sublevel:visited {
display: block;
background: url(
http://www.samassiweb.it/images/menu/bs.png) no-repeat;
vertical-align: middle;
font-size: 13px;
font-weight: bold;
color: #ff0000;
text-align: left;
padding-top: 5px;
padding-left: 9px;
height: 25px !important;
height: 25px;
width: 150px;
text-decoration: none;
}
a.sublevel:hover {
display: block;
background: url(
http://www.samassiweb.it/images/menu/bs.png) no-repeat;
vertical-align: middle;
font-size: 13px;
font-weight: bold;
color: #dfe2f1;
text-align: left;
padding-top: 5px;
padding-left: 16px;
height: 25px !important;
height: 25px;
width: 150px;
text-decoration: none;
}
a.sublevel#active_menu {
font-size: 13px;
color:#455fd8;
font-weight: bold;
}
