[TYPO3-german] Pseudoklassen a:link, a:hover, usw nur für Menü verändern

Christian Wolff Chris at connye.com
Mon Nov 6 12:33:25 CET 2006


Hallo,
bei den Pseudoklassen ist es auch wichtig in welcher Reihenfolge sie im CSS
definiert werden
da manche browser auf einen "hover" link auch "link" bzw. "Visited" anwenden.
je nach dem wie der zustand des links ist.

deswegen sollte man sie immer in folgender reihenfolge definieren
a:link {}
a:visited {}
a:hover {}
a:active {}

so gibts keine probleme damit das manche definitionen sich seltsam verhalten.

um untersschiedliche menüs zu stylen
verwende gebe ich meistens der liste oder einem umgegeben div eine
classe z.B
<ul class="hauptmenu">
<li><a href="...">beschreibung</a></li>
<li><a href="...">beschreibung</a></li>
<li><a href="...">beschreibung</a></li>
</ul>

das css dazu sieht dann ungefähr wie folgt aus:

.hauptmenu a:link {}
.hauptmenu a:visited {}
.hauptmenu a:hover {}
.hauptmenu a:active {}

so kannst du nur die links innerhalb von "hauptmenu" mit einem gewissen style versehen.

gruss chris



Am Mon, 06 Nov 2006 12:24:11 +0100 hat Xaver Reichart <xr at xr-services.ch> geschrieben:

> Typo3 4.0
> Menü mittels TMENU und ul/li, sowie CSS erstellt.
> Durch Zuweisung einer Klasse über ATagParams möchte ich die
> Pseudoklassen a.link, a:hover, usw überschreiben; gelingt aber nur
> teilweise und nach Browser unterschiedlich.
> Im IE werden durch text-decoration:none zwar die Unterstriche entfernt
> und ich kann Schriftgrösse und Art bestimmen, aber die die Schriftfarbe
> entspricht immer der über die Pseudoklassen allgemein zugewiesenen.
> Was muss ich tun, um die Pseudoklassen nur für die verschiedenen Menüs
> zu ändern/überschreiben?
> Im Firefox bleiben übrigens auch die Unterstriche erhalten!??
> Vermutlich ist es ganz einfach, aber ich finde im Moment einfach keinen
>   Lösungsansatz.
> Hat jemand einen praktischen Tipp dazu.
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german
>
>



-- 
christian wolff - multimedia producer
telefon: (030) 789 134 99
email: chris at connye.com
adresse: schenkendorfstr. 6 - 10965 berlin



More information about the TYPO3-german mailing list