ddsmoothmenu sub menu color

[juppkk]

Hello,

I'm trying to use ddsmoothmenu. It works perfect.
But now I want to have different background for the
main-menu and the sub-menu.
For the main.menu I have done:

.ddsmoothmenu ul li a:hover{
/* background: black; */ /*background of...onmouseover (hover state)*/
background: url('./taste_1.jpg') no-repeat;
color: white;
}

For the sub-menu ( <ul> ) I would like to have still:

.ddsmoothmenu ul li a:hover{
/*background of...onmouseover (hover state)*/
color: white;
}

Any chance to do so?

regards,
juppkk


Hey,

No solutions?
Unresolvable or just a wrong question?

Here you may see an example (*).
http://www.appolonia.square7.ch/test/test_2.html

In ddsmoothmenu-v.css I used:

.ddsmoothmenu ul li a:hover{
/* background: black; */ /*background of...onmouseover (hover state)*/
background: url('./taste_1.jpg') no-repeat;
color: white;
}

In HTML I use:
...
<ul>
<li><a href="#" style="background: #414141; color: white;" >&nbsp;&nbsp;Brautkleider</a></li>
for the sub-menu

It works in general but (I'm not experienced in CSS) I find no way to fit color-change for - selected - .

Add on
This works perfect with FF, IE6 but in IE8 a. IE9 the full Page is jumping up and down when opening a sub.-menu


* Sorry, it's a free account so the provider will include some (aggressive) advertisements.

Regards,
juppkk

[juppkk]

Hello,

My problem is solved.

For everybody running in the same situation, the solution is:
at ddsmoothmenu-v.css
use this for the main-menu:
.ddsmoothmenu-v ul li a.selected{ background: url('./taste_1.jpg') no-repeat; color: white;}
and this for the sub-menu:

.ddsmoothmenu-v ul li ul li a.selected{ background: grey !important; color: white;}
---- ----------

Regards,
juppkk