Link in anderer farbe unterstreichen

Computer: Software & Programmierung HTML & CSS
#1

hallo zusammen,

wie kann ich denn einen text-link in einer anderen farbe als der linkfarbe unterstreichen?

ich habe diesen effekt schon ein paar mal gesehen, kann mich allerdings nur noch an eine url erinnern: http://www.google.de.
auf der seite, auf der die suchergebnisse angezeigt werden, ist unterhalb der „gooooooooogle“-grafik noch mal ein text-link „weiter“ platziert. dieser wird beim überfahren mit der maus andersfarbig (früher rot, jetzt schwarz) unterstrichen.

wie erreiche ich diesen effekt? mit css? oder mit javaskript?
im quellcode konnte ich leider nichts entdecken. da wird zwar eine css-class zugewiesen, diese bezieht sich allerdings nur auf größe und gewicht der schrift.

schöne grüße,
arnold

#2

Hallo Arnold,

jawohl, das ist CSS! Es geht etwa so:

<!–
a = {color:orange}
a:hover = {color:blue}
–>

…
Beim MouseOver wechselt die Linkfarbe von orange auf…

Gruss
Daniel

#3

Hallo,

ich habe diesen effekt schon ein paar mal gesehen, kann mich
allerdings nur noch an eine url erinnern:
http://www.google.de.
auf der seite, auf der die suchergebnisse angezeigt werden,
ist unterhalb der „gooooooooogle“-grafik noch mal ein
text-link „weiter“ platziert. dieser wird beim überfahren mit
der maus andersfarbig (früher rot, jetzt schwarz)
unterstrichen.

Also unterhalb der „gooogle“ Grafik steht bei mir im NS wie im IE Ergebnis-Seite:
Zurück 1 2 3 4 5 6 7 8 9 10 11 … Vorwärts
Die Zahl bzw. Seite in der ich mich befinde ist rot (ohne Unterstreichung, weil kein Link drauf) der Rest ist „normal“ schwarz mit Unterstrich. Nur die Linkfarbe ist meines Erachtens auf Schwarz gesetzt. Wenn Du vielleicht nochmal einen genauen Link schicken könntest könnte man das besser nachvollziehen.
Näheres steht im Selfhtml (Siehe Boardbeschreibung)

Gruß
H.

#4

hallo little h.,

Also unterhalb der „gooogle“ Grafik steht bei mir im NS wie im
IE Ergebnis-Seite:
Zurück 1 2 3 4 5 6 7 8 9 10 11 … Vorwärts

damit bist du schon richtig! wenn du nun das fette, blaue „vorwärts“ mit der maus überfährst, wird es im ie und im neuen netscape schwarz (!) unterstrichen (früher rot). und das ist genau der effekt, den ich suche.

Näheres steht im Selfhtml (Siehe Boardbeschreibung)

leider nicht zu dieser frage. sonst hätte ich nicht gepostet.

schönen dank schon mal,
arnold

#5

hallo daniel,

a:hover { color : blue; text-decoration : underline;}

das ist die standard-lösung. dabei wird allerdings nicht nur die farbe der unterstreichung gewählt, sondern auch die textfarbe. und die soll sich ja nicht ändern.

trotzdem danke für deine mühe.

schöne grüße,
arnold

#6

Hallo,

wie kann ich denn einen text-link in einer anderen farbe als
der linkfarbe unterstreichen?

hm - nicht die feine englische Art, aber durchaus moeglich sollte folgendes sein:

Du definierst mit CSS und text-decoration:none die Links in einer bestimmten farbe.
Dann gibts Du dem Hover-Status mit border-bootom wieder einen Strich drunter, der dann aber jede beliebige Farbe haben kann.
http://selfhtml.teamone.de/css/eigenschaften/rahmen…

Ich habs nicht ausprobiert, es sollte aber gehen…

Greetinx
Christian

http://www.html-workshop.de

#7

bingo!

vielen dank christian, das isses! border-bottom… wer hätte das gedacht… =)
gibt natürlich einen bewertungspunkt.

schöne grüße,
arnold