nicht angemeldet
Hover Effekt Unterstrich
0 0 0 0 
MudGuard
0 
Gernot Back
Hover Effekt Unterstrich
Hallo,
ich versuche mittels CSS im Augenblick folgendes hinzubekommen, was ich schonmal auf einer Webseite gesehen habe, aber nicht weiß, ob es dort wirklich mit CSS gemacht wurde /finde die Seite nicht mehr :-(
Also:
...
A:hover {
COLOR: #ffCC00;
LINE-HEIGHT: 12pt;
TEXT-DECORATION: underline;
}
...
liefert mir ja eine schöne Linie unter dem Link wenn der Zeiger drüberscrollt, alles toll.
Jetzt möchte ich aber die Linie darunter nicht in der Textfarbe haben, sondern der Unterstrich soll eine andere Farbe haben.
...was nun?
Gesehen habe ich das wie gesagt schon.
Wenn mir da jemand weiterhelfen kann, ich bitte drum.
Gruß
Martin
-
Hallo!
Du kannst das ja mal mit einem Rahmen versuchen.
border-bottom: 1px, solid, color
Nico
-
Hallo,
Du kannst das ja mal mit einem Rahmen versuchen.
border-bottom: 1px, solid, colorvgl.: http://de.selfhtml.org/css/eigenschaften/rahmen.htm
Sinnvoll sind die hier beschriebenen Angaben besonders für HTML-Elemente, die einen eigenen Absatz erzeugen bzw. einen Block bilden, also etwa für h[1-6], p, blockquote, address oder pre. Block-Elemente sind aber auch div, table, tr, th und td.
Das a-Element ist aber unformatiert ein Inline-Element.
Mit freundlichen Grüßen
André
-
Hallo,
»» Du kannst das ja mal mit einem Rahmen versuchen.
»» border-bottom: 1px, solid, colorDanke für den Hinweis, das klappt ja wirklich. Mein Gott wie einfach, daran habe ich gar nicht gedacht, ich war immer mit TEXT-DECORATION unterwegs.
Danke nochmals...
Martin-
Hallo Martin,
Danke für den Hinweis, das klappt ja wirklich. Mein Gott wie einfach, daran habe ich gar nicht gedacht, ich war immer mit TEXT-DECORATION unterwegs.
Ein Unterstrich schneidet die Unterlängen deiner Zeichen, border-bottom liegt noch darunter und ist etwas ganz anderes.
Gruß Gernot
-
-
Hi,
Du kannst das ja mal mit einem Rahmen versuchen.
border-bottom: 1px, solid, color
vgl.: http://de.selfhtml.org/css/eigenschaften/rahmen.htmirrelevant.
'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width'
[...]
Applies to: all elements
[...]
'border-width'
[...]
Applies to: all elements
[...]
'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color'
[...]
Applies to: all elements
[...]
'border-color'
[...]
Applies to: all elements
[...]
'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style'
[...]
Applies to: all elements
[...]
'border-top', 'border-right', 'border-bottom', 'border-left'
[...]
Applies to: all elements
[...]
'border-style'
[...]
Applies to: all elements
[...]
'border'
[...]
Applies to: all elements(siehe http://www.w3.org/TR/CSS21/box.html#propdef-border
Sinnvoll sind die hier beschriebenen Angaben besonders für HTML-Elemente, die einen eigenen Absatz erzeugen bzw. einen Block bilden, also etwa für h[1-6], p, blockquote, address oder pre. Block-Elemente sind aber auch div, table, tr, th und td.
Das ist auch noch falsch. tr, th und td sind keine Block-Elemente. (bin schon auf dem Weg zum Bugtracker)
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
Hallo,
irrelevant.
aha.
gut.
Das ist auch noch falsch. tr, th und td sind keine Block-Elemente. (bin schon auf dem Weg zum Bugtracker)
Schönen Gruß!
Mit freundlichen Grüßen
André
-
-
-
-
Hallo Martin,
A:hover {
COLOR: #ffCC00;
LINE-HEIGHT: 12pt;
TEXT-DECORATION: underline;
}Jetzt möchte ich aber die Linie darunter nicht in der Textfarbe haben, sondern der Unterstrich soll eine andere Farbe haben.
das geht mit einem zusätzlichen SPAN-Element:
<a href="#"><span style="[code lang=css]color:#0000FF">Ein Link</span></a>[/code]Gruß Gernot