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