Page 1 of 1
multiple dhtmlmenus on one page
Posted: Mon Nov 01, 2004 12:11 am
by Bewbs
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
Posted: Mon Nov 01, 2004 1:12 am
by Bewbs
the css
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;
}
the html
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>
submenu works, submenu a, works, submenu a:hover does not work, what da fudge