http://www.dynaudioacoustics.com/Default.asp?Id=2542
It works fine except in MAC IE 5.1.2
Here it looks very bad on mouseover.
My style sheet looks like this:
Code: Select all
td.MenuOff
{
font-size:10px;
font-weight:bold;
font-family:verdana, arial, sans-serif;
color:#316E98;
padding: 0 8px 1px 8px;
white-space: nowrap;
}
td.MenuOn
{
font-size:10px;
font-weight:bold;
font-family:verdana, arial, sans-serif;
color:#ffffff;
padding: 0 8px 1px 8px;
white-space: nowrap;
}
div.SubMenuOff, div.SubMenuON, div.SubSubMenuOff, div.SubSubMenuON
{
border-top: 1px solid #6A717C;
border-right: 1px solid #6A717C;
border-left: 1px solid #6A717C;
}
td.SubMenuOff, td.SubMenuON,td.SubSubMenuOff, td.SubSubMenuON
{
font-size: 10px;
font-family:Verdana, Helvetica, Arial;
font-weight: bold;
padding:3px 5px 3px 10px;
border-bottom: 1px solid #6A717C;
}
td.SubMenuOff,td.SubSubMenuOff
{
color:#316e98;
background-color: #959BA6;
}
td.SubMenuON,td.SubSubMenuON
{
color:#ffffff;
background-color: #A8AEBC;
}
A second question is the use of the subimage property together with on- and offclass. As you can see at
http://www.dynaudioacoustics.com/Default.asp?Id=2540
the style on the submenus is totally messed up at mouseover. I use the same stylesheet as before.
Any help on that ?
I have tried to fix the problem by using the style sheet by adding the following:
Code: Select all
#menu3 td.SubMenuOff,#menu3 td.SubSubMenuOff,#menu3 td.SubMenuON,#menu3 td.SubSubMenuON
{
background: #959BA6 url(http://www.dynaudioacoustics.com/AjrGfx/DYN_menu.gif) no-repeat right;
}
Any help on that ?
A last thing: It would be nice with an example at milonic.com of the use of on- and offclass
Thanks
Henrik