verschiedene linkfarben

[mabu]

Hi!

Ich kenn mich mit CSS nicht soooooo gut aus und deshalb kann ich mein problem leider nicht selbst lösen.

Also, ich will das ca. so machen.

<style>
.menu { a:hover {link-color: #0000FF; }; }
.untermenu { a:hover {link-color: #FF0000; }; }
</style>
aber das funzt net
wie kann ich das jetzt machen, dass bei beiden definitionen die links verschieden aussehen?

mfg und danke,
mabu

[Ronny]

Hi,

so ähnlich:

<style>

.menu a:hover{color: #0000FF; }
.untermenu a:hover {color: #FF0000;}

</style>

geht aber nur, wenn im html-Teil z.B. so was steht:

<div class="menu"><a href="...">link</a></div>
<div class="untermenu"><a href="...">link2</a></div>

Siehe auch:
http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente
und
http://selfhtml.teamone.de/css/formate/zentrale.htm#pseudoformate

Grüße,

Ronny

[mabu]

danke für deine antwort

[Rainer S.]

Hi,

.menu { a:hover {link-color: #0000FF; }; }
.untermenu { a:hover {link-color: #FF0000; }; }

mach das ganze einfach so:

.menu a:hover { color: #0000FF; }
.untermenu a:hover { color: #FF0000; }

Die von Dir versuchte Schachtelung ist falsch, da innnerhalb der geschweiften Klammern nur die CSS-Formatierungen selbst stehen dürfen.
Und link-color gibt's nicht.

Schönen Gruß aus Bilk

Rainer

[AndreasW]

Hi!

Tach

Ich kenn mich mit CSS nicht soooooo gut aus

das sieht man!

und deshalb kann ich mein problem leider nicht selbst lösen.

Also, ich will das ca. so machen.

<style>
.menu { a:hover {link-color: #0000FF; }; }
.untermenu { a:hover {link-color: #FF0000; }; }
</style>
aber das funzt net

Kann auch nicht funktionieren. Ich nehme mal an, daß Du das meinst mit funzen...

Weder ist die Schachtelung so wie Du es willst, noch ist es erlaubt, irgendwelche frei erfundenen Properties zu benutzen.
Und Pflicht-Attribute sollte man immer setzen...

<style type="text/css">
.menu a:hover { color: #0000FF; }
.untermenu a:hover { color: #FF0000; }
</style>

Lies Dir mal http://www.w3.org/TR/REC-CSS2/selector.html durch.

wie kann ich das jetzt machen, dass bei beiden definitionen die links verschieden aussehen?

so wie oben angegeben.

mfg und danke,

Bitte

mabu

Andreas

[Thomas Meinike]

Hallo,

Also, ich will das ca. so machen.

<style>
.menu { a:hover {link-color: #0000FF; }; }
.untermenu { a:hover {link-color: #FF0000; }; }
</style>
aber das funzt net
wie kann ich das jetzt machen, dass bei beiden definitionen die links verschieden aussehen?

a.menu:hover {...}
a.untermenu:hover {...}

Eie Eigenschaft link-color gibt es nicht.

MfG, Thomas