nicht angemeldet
Unterstreichungsfarbe ändern
Hallo!
ich habe das mittlerweile auf einigen seiten gesehen und bin ganz fasziniert davon: Beim Hovern ändert sich die Unterstreichungsfarbe, die Farbe des Textes bleibt aber die gleiche wie vorher. Ich habe schon in den Quelltexten herumgestöbert, aber irgendwie nichts gefunden. Frage nun: Wie mache ich das?
besten dank im voraus
-
Hallo,
ich habe das mittlerweile auf einigen seiten gesehen und bin ganz fasziniert davon: Beim Hovern ändert sich die Unterstreichungsfarbe, die Farbe des Textes bleibt aber die gleiche wie vorher. Ich habe schon in den Quelltexten herumgestöbert, aber irgendwie nichts gefunden. Frage nun: Wie mache ich das?
Schau mal hier vorbei: http://www.styleassistant.de/tips/beispiel33.htm.
MfG, Thomas
-
Schau mal hier vorbei: http://www.styleassistant.de/tips/beispiel33.htm.
Kurze Anmerkung:
Unter IE5.0 funktioniert das gar nicht und unter Opera5.1 verschwindet der Unterstrich beim Drüberfahren.
NS6 macht das und die höheren IEs vermutlich auch.Trotzdem würde ich mir dieser Lösung vorsichtig sein...
Gruss, Manti
-
Hallo,
Kurze Anmerkung:
Unter IE5.0 funktioniert das gar nicht und unter Opera5.1 verschwindet der Unterstrich beim Drüberfahren.
NS6 macht das und die höheren IEs vermutlich auch.Wenn es nicht funktioniert, ist es auch kein Problem, weil der Link ja unterstrichen ist und niemand den Effekt erwartet. Wenn Opera beim Hover den Unterstrich weg nimmt, ist es auch kein Problem, weil die Surfer/innen ja nicht wissen, dass der Linkunterstrich die Farbe wechseln soll und wenn es ein Browser macht, ist es einfach nur nett.
So what?
MfG, Thomas
-
Hi, Thomas
Wenn es nicht funktioniert, ist es auch kein Problem, weil der Link ja unterstrichen ist und niemand den Effekt erwartet. Wenn Opera beim Hover den Unterstrich weg nimmt, ist es auch kein Problem, weil die Surfer/innen ja nicht wissen, dass der Linkunterstrich die Farbe wechseln soll und wenn es ein Browser macht, ist es einfach nur nett.
Denkansätze/Lösungen, die hier gepostet werden, sollten funktionieren. Da das zb bei Opera nicht der Fall ist und es einen besseren (und IMHO eleganteren) Weg gibt, würde ich den Hinweis von Manti ernster nehmen.
So what?
LG Orlando *köpfchenstreichel*
-
Hallo,
Denkansätze/Lösungen, die hier gepostet werden, sollten funktionieren. Da das zb bei Opera nicht der Fall ist und es einen besseren (und IMHO eleganteren) Weg gibt, würde ich den Hinweis von Manti ernster nehmen.
Ich koennte Dir sooo viele DHTML-Geschichten nennen, die mit Opera nicht funktionieren, obwohl sie strengstens korrektes W3C-DOM abbilden -- das wuerde also bedeuten, ich poste gar nichts mehr zum Thema DOM ...
Ich habe Deine Loesung nicht als unelegant eingestuft, nur war der Hinweis, mit meinem Beispiel "vorsichtig" zu sein, IMHO nicht noetig, weil es in den genannten Grenzen funktioniert.
MfG, Thomas
PS: Ab heute bitte kein a:hover mehr, weil es in NN 4.x nicht funktioniert ;-).
-
Denkansätze/Lösungen, die hier gepostet werden, sollten funktionieren. Da das zb bei Opera nicht der Fall ist und es einen besseren (und IMHO eleganteren) Weg gibt, würde ich den Hinweis von Manti ernster nehmen.
da Unterstreichungen von Links in Opera eh NUR nach den Browser-Settings gehen, mach ich mir da keine Sorgen.
Die Lösung mit dem border-bottom würde übrigens sehr wahrscheinlich zu einer doppelten Unterstreichung in Opera führen, sofern <a> überhaupt ein border akzeptiert (bin ich jetzt überfragt..)-
Hallo Kai,
da Unterstreichungen von Links in Opera eh NUR nach den Browser-Settings gehen, mach ich mir da keine Sorgen.
Wie meinst Du das? Wenn ich mit Opera surfe, dann sehen die Links so aus, wie im Dokument per CSS definiert.
Die Lösung mit dem border-bottom würde übrigens sehr wahrscheinlich zu einer doppelten Unterstreichung in Opera führen
siehe <?m=25352&t=4518> ;-)
sofern <a> überhaupt ein border akzeptiert
klappt wunderbar.
Viele Grüße
Carsten-
da Unterstreichungen von Links in Opera eh NUR nach den Browser-Settings gehen, mach ich mir da keine Sorgen.
Wie meinst Du das? Wenn ich mit Opera surfe, dann sehen die Links so aus, wie im Dokument per CSS definiert.
also ich finde hier in Opera (6.0TP3/Linux) nur die Möglichkeit Links zu unterstreichen oder eben nicht. Das da in der Seite wirklich drinsteht war ihm zumindest bei mir hier ziemlich egal.
-
Hallo Kai,
ich habe gerade in meinem Opera (6.01, Win98) ein bißchen rumgespielt.
Solange in einem CSS nichts zur "text-decoration" gesagt ist, macht er es so, wie in "Preferences -> Fonts and colors -> My link style" angegeben ist (ok, hover ist dann immer nicht unterstrichen).
Sobald aber per CSS irgendwelche Textdecorations definiert werden, macht der Browser es auch entsprechend diesem CSS (wenn ich Dich richtig verstanden habe, dann läuft das bei Dir nicht so?).Es gibt noch "Preferences -> Page style" und hier die Möglichkeit ein eigenes Style-Sheet zu definieren sowie die Unterscheidung zwischen "Author Mode" und "User Mode". Hier kannst Du diverse Häkchen an- und wegklicken.
Klar, wenn man will, kann man damit jede CSS-Vorgabe des Autors aushebeln (oder könnte man, denn ich hab's gerade nicht so geschafft, wie ich mir das vorgestellt hatte ;-)
Viele Grüße
Carsten, der seinen Opera jetzt wieder in den "Mach's so wie der Autor es will"-Mode geschaltet hat
-
-
-
-
-
-
-
-
Hallo!
ich habe das mittlerweile auf einigen seiten gesehen und bin ganz fasziniert davon: Beim Hovern ändert sich die Unterstreichungsfarbe, die Farbe des Textes bleibt aber die gleiche wie vorher. Ich habe schon in den Quelltexten herumgestöbert, aber irgendwie nichts gefunden. Frage nun: Wie mache ich das?Also ich würde das ausprobieren:
a:hover { border-bottom:1px #ffff00; }
LG Orlando
-
Hi,
kleiner Nachtrag:
a:hover {
text-decoration:none;
border-bottom:1px #ffff00;
}...wenn du _eine_ Unterstreichung bevorzugst.
LG Orlando
-