Hi there!

Got this problem with css that I can't figure out:

On my webpage I want to use one css-style in the heading (mouseover) and another
style in the main menu.

When I try to add the second css-style to the page it all blends into one style!

So my question would be this:
Does anybody know how I separate the two of them so that I can use two
different styles on one page?


Regards, Christian

for your heading add :
<pre id=code><font face=courier size=2 id=code>
.heading a:link, .heading a:visited {
color: #666;
}
.heading a:hover{
color: #000;
}
</font id=code></pre id=code>

for your main menu add:
<pre id=code><font face=courier size=2 id=code>
.mainMenu a:link, .mainMenu a:visited {
color: #fff;
}
.mainMenu a:hover{
color: #999;
}
</font id=code></pre id=code>

then in dw, select your link and choose the 'heding' or ' mainMenu' style from the Styles drop down box.

the colours used are just an example, and you can also change font etc.. in the different style to make it look however you want.

regards
Dave

Edited by - UltraDav on 20 Jan 2005 20:24:19

What would I do without this forum?

Thank you Dave!

The technique Dave is illustrating above is called <b>Descendant selectors</b>. Some good reading about them are www.westciv.com/style_master/academy/css_tutorial/selectors/descendant_selectors.html .

The W3C's official documentation about them: www.w3.org/TR/REC-CSS2/selector.html#descendant-selectors

Edited by - ccharlton on 20 Jan 2005 21:07:01

Thank you for the links, Chris!

I will check them out right away <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>