nicht angemeldet
2 verschieden gestaltete formen von links mit pseudoformaten
liebes forum,
ich habe das problem, dass ich auf einer seite zwei verschiedene link-arten, eine "normale" fürs menu (schwarz, 12px) und eine metanavigation (10px, braun) verwenden und diese mit pseudoformaten unterscheiden möchte. ich habe versucht, im externen stylesheet generell den a:link, a:visited etc. zu definieren. diese angaben beziehen sich ja dann auf alle <a>s. für das aussehen der 2. linkart, der metanavigation, habe ich eine klasse definiert: .meta. nach einem entnervenden tag voller versuche, die den bach runtergingen, nun die frage: kann ich im externen stylesheet sowas wie
a: link.meta {angaben zu schrift und farbe}
schreiben (so ähnlich gesehen bei http://www.ideenreich.com/html/hoverlinks_2.shtml.)?
ich habe das versucht und (abgesehen von einem mal) klappte es nicht!
kann es sein, dass es an der reihenfolge liegt, wie die a:-dinger definiert werden? oder muss jedes element der klasse (z.b..meta {backgound-color: transparent;} beim pseudoformat (a:hover.meta {backgound-color: silver;}) wieder erwähnt werden?
ich nehme auch gerne eine andere lösung für dieses problem entgegen. aber bitte genau erklären, nicht nur: nimm IDs oder klassen!
es grüsst, a:nna
-
hallo,
runtergingen, nun die frage: kann ich im externen stylesheet sowas wie
a: link.meta {angaben zu schrift und farbe}
schreiben (so ähnlich gesehen bei http://www.ideenreich.com/html/hoverlinks_2.shtml.)?ja kannst du.
(du kennst schon: http://selfhtml.teamone.de/navigation/faq.htm#abweichende_verweisfarben ?
kann es sein, dass es an der reihenfolge liegt, wie die a:-dinger definiert werden?
es liegt sehr wohl an der reihenfolge:
http://selfhtml.teamone.de/css/formate/zentrale.htm#pseudoformate(beonsers die Erläuterung lesen bitte)oder muss jedes element der klasse (z.b..meta {backgound-color: transparent;} beim pseudoformat (a:hover.meta {backgound-color: silver;}) wieder erwähnt werden?
a { backgound-color:silver;} definiert für alle <a> die hintergundfarbe, und wenn du bei aidneren angabe sonst keine hintergrundfarbe definierst wird den <a> immer mit "silver" hinterlegt.
a:hover { backgound-color:silver;} definiert generell für den hover-effekt die hintergrundfarbe.
a.meta:hover { backgound-color:silver; } definiert nur für <a class="meta"> die hintergrundfrarbe.
du kannst auch sowas machen:
a { backgound-color: silver;}
a:hover { backgound-color:blue;}
a.meta:hover { backgound-color:red; }dabei werden die generelle angaben immer vom spezielleren angaben überschrieben.
grüße
thomas -
Hi, Anna
ich habe das problem, dass ich auf einer seite zwei verschiedene link-arten, eine "normale" fürs menu (schwarz, 12px) und eine metanavigation (10px, braun) verwenden und diese mit pseudoformaten unterscheiden möchte. ich habe versucht, im externen stylesheet generell den a:link, a:visited etc. zu definieren. diese angaben beziehen sich ja dann auf alle <a>s.
Das ist korrekt.
für das aussehen der 2. linkart, der metanavigation, habe ich eine klasse definiert: .meta. nach einem entnervenden tag voller versuche, die den bach runtergingen, nun die frage: kann ich im externen stylesheet sowas wie
a: link.meta {angaben zu schrift und farbe}
beinahe ;-)
a.meta:link {...}
a.meta:hover {...} usw.kann es sein, dass es an der reihenfolge liegt, wie die a:-dinger definiert werden? oder muss jedes element der klasse (z.b..meta {backgound-color: transparent;} beim pseudoformat (a:hover.meta {backgound-color: silver;}) wieder erwähnt werden?
Die Reihenfolge ist bei der Definition von Stylesheets wichtig.
.meta bezieht sich auf <alle_tags class="meta">
a.meta bezieht sich auf alle <a class="meta">LG Orlando
-
lieber thomas, lieber orlando,
ihr seids engel, gruss nach österreich.
es grüsst, a:nna