Links unterscheidlich gestalten
Simon
- css
Hallo zusammen,
ich möchte in einer html-Datei die Links verschieden gestalten. D.h. der eine Verweis soll z.B. grün und unterstrichen sein, und beim Mouse-Over dann blau werden. Ein anderer Link soll z.B. als Hovereffekt overline & underline haben und gelb werden!
Ist dieser Wunsch realisierbar !
Schon mal Danke für Eure Hilfe,
Simon
PS: Die Verwendung von Frames ist in diesem Fall leider nicht möglich !
hallo!
ich möchte in einer html-Datei die Links verschieden gestalten. D.h. der eine Verweis soll z.B. grün und unterstrichen sein, und beim Mouse-Over dann blau werden. Ein anderer Link soll z.B. als Hovereffekt overline & underline haben und gelb werden!
Ist dieser Wunsch realisierbar !
ja, mit klassen und pseudoklassen.
a.ersterlink:link {
color:green; /* unterstrichener verweistext ist standard */
}
a.ersterlink:hover {
color:blue;
}
a.andererlink:hover {
text-decoration: overline underline;
color:yellow;
}
:hover mag der netscape 4 nicht, müsste man notfalls mit ecma-skript lösen.
näheres:
http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm
http://selfhtml.teamone.de/css/formate/zentrale.htm#klassen
sowie in der faq:
http://selfhtml.teamone.de/navigation/faq.htm#abweichende_verweisfarben
PS: Die Verwendung von Frames ist in diesem Fall leider nicht möglich !
und auch nicht notwendig :-)
emu
<img src="http://members.24speed.at/dammerer/newbies/novatos.gif" border=0 alt="">
Hallo Emu,
deine Antwort war echt klasse.
Ich habs sofort verstanden und jetzt tut es !
D A N K E !
Simon