i am trying to have more than one dhtmlmenu on one page, currently i have
.mainmenu a
.mainmenu a:hover
and the code is reflected for the first dhtmlmenu
but then i have
.submenu a
.submenu a:hover
and the default css for the second dhtmlmenu is loaded, any suggestions
multiple dhtmlmenus on one page
multiple dhtmlmenus on one page
the css
the html
submenu works, submenu a, works, submenu a:hover does not work, what da fudge
Code: Select all
/* horizontal menu */
.menu
{
top: 17px;
left: 46px;
float: left;
margin: 0 0 0 0;
position: relative;
text-align: center;
}
.menu a
{
padding: 3px 3px 3px 3px;
display: block;
width: 75px;
color: #494949;
text-decoration: none;
border: #8CABD1 1px solid;
background-color: #E5EDF7;
margin-right: 5px;
}
.menu a:hover
{
background-color: #FFF;
color: #494949;
}
/* submenu */
.submenu
{
position: relative;
left: 46px;
top: 59px;
float: left;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.submenu a
{
padding: 3px 3px 3px 3px;
display: block;
width: 75px;
color: #000;
text-decoration: none;
border: #AAA 1px solid;
background-color: #EEE;
}
.submenu a:hover
{
background-color: #FFF;
color: #494949;
}
Code: Select all
<div class="menu">{dhtmlmenu showadmin=0 horizontal=1 number_of_levels=1}</div>
<div class="submenu">{dhtmlmenu showadmin=0 start_element=1}</div>