multiple dhtmlmenus on one page

Do something cool with CMS? Show us ...
This board is for 'Answers', and the discussion of answers... Not for questions.
Post Reply
Bewbs

multiple dhtmlmenus on one page

Post 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
Bewbs

multiple dhtmlmenus on one page

Post 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
Post Reply

Return to “Tips and Tricks”