Wie geht des mit unterstrichenen Links? von Frank Schönmann, 17.03.2002 22:42

Wie geht des mit unterstrichenen Links?

Tobias 17.03.2002 20:13

Hi, ich habe meine Links so eingestellt dass sie bei Mausberührung rot werden:

<STYLE TYPE="text/css">
A:Hover {color:#FF0000}
</STYLE>

allerdings hätte ich gerne dass sie dazu auch noch unterstrichen werden, ich habe nähmlich bei den links selber eingestellt dass sie nicht unterstrichen sind. sie sollen nähmlich nur bei mausberührung unterstrichen sein.

danke für hilfe

mfg tobi

Beitrag melden

– Informationen zu den Bewertungsregeln

Wie geht des mit unterstrichenen Links?
Frank Schönmann Homepage des Autors 17.03.2002 20:21

css
– Informationen zu den Bewertungsregeln
hi!

<STYLE TYPE="text/css">
A:Hover {color:#FF0000}
</STYLE>
allerdings hätte ich gerne dass sie dazu auch noch unterstrichen
werden, ich habe nähmlich bei den links selber eingestellt dass sie
nicht unterstrichen sind. sie sollen nähmlich nur bei mausberührung
unterstrichen sein.

Wo ist das Problem? Dann musst du in die CSS-Angaben für A:hover halt
einfach noch mit reinschreiben, dass der Text dann unterstrichen wird.
Wie du mehrere Angaben pro CSS-Klasse/Pseudo-Klasse/etc. machst, steht
in SELFHTML, und da steht auch, wie man Texte unterstreicht (hat ja
scheinbar bei den anderen Links auch geklappt).

Also zusammengefasst:

A:hover {
color: #ff0000;
background-color: inherit;
text-decoration: underline;
}

Der CSS-Standard schreibt übrigens vor, dass color und background-color
immer gemeinsam angegeben werden müssen... ;)

bye, Frank!
Beitrag melden

–
Informationen zu den Bewertungsregeln
1. Wie geht des mit unterstrichenen Links?
 
 Kai Lahmann Homepage des Autors 17.03.2002 20:33
 
 css
 – Informationen zu den Bewertungsregeln
 hi
 
 A:hover {
 color: #ff0000;
 background-color: inherit;
 text-decoration: underline;
 }
 
 Der CSS-Standard schreibt übrigens vor, dass color und background-color
 immer gemeinsam angegeben werden müssen... ;)
 
 das, was der Vali da ausspuckt sind Warnings, NICHT Errors, also es wird nur empfohlen (!!) diese beiden Angaben gemeinsam zu setzen.
 Beitrag melden
 
 –
 Informationen zu den Bewertungsregeln
 Übersicht
 
 alle Foren
 
 SELFHTML-Forum
 
 anmelden
 
 Benutzerkonto erstellen
 
 Beitrag im Thread-Baum
Wie geht des mit unterstrichenen Links?
Georg Gruber Homepage des Autors 17.03.2002 22:10

css
– Informationen zu den Bewertungsregeln
Hi,

einfach den tag so ergänzen:
...
a:hover {color:#FF0000; text-decoration: underline}
...

Hoff das ist, was du meinst.

lg Georg
Beitrag melden

–
Informationen zu den Bewertungsregeln
1. Wie geht des mit unterstrichenen Links?
  
  Frank Schönmann Homepage des Autors 17.03.2002 22:42
  
  css
  – Informationen zu den Bewertungsregeln
  hi!
  
  einfach den tag so ergänzen:
  a:hover {color:#FF0000; text-decoration: underline}
  
  Ich kann mich täusche, aber habe ich das nicht schon vor zwei Stunden
  geschrieben? ;)
  
  bye, Frank!
  Beitrag melden
  
  –
  Informationen zu den Bewertungsregeln
  Übersicht
  
  alle Foren
  
  SELFHTML-Forum
  
  anmelden
  
  Benutzerkonto erstellen
  
  Beitrag im Thread-Baum
Wie geht des mit unterstrichenen Links?
Tobias 18.03.2002 14:16

css
– Informationen zu den Bewertungsregeln
irgendwie geht das alles net so wie ich will, das ist mien gesmater quelltext der menüleiste meiner homepage, ich will dass die links bei mausberührung unterstrichen werden, wie gesagt, bitte helft mir wie ich das mache!

danke

mfg Tobi

<HTML>
<TITLE>
Toolbar>
</TITLE>
<STYLE TYPE="text/css">
A:Hover {color:#FF0000}
</STYLE>
<BODY LINK=#BBBBBB VLINK=#BBBBBB ALINK =#BBBBBB>

<BODY>
<H3>

&nbsp<A HREF="home.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Home:</A> 
&nbsp<A HREF="kontakt.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Kontakt:</A> 
&nbsp<A HREF="info.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Infos:</A> 
&nbsp<A HREF="pics.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Pics:</A> 
&nbsp<A HREF="bender.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Bender:</A> 
&nbsp<A HREF="foren.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Foren:</A> 
&nbsp<A HREF="http://www.webmart.de/guestbook.cfm?bookID=452681" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Guestbook:</A> 
&nbsp<A HREF="poll.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Poll:</A> 
&nbsp<A HREF="link_me.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Link Me:</A> 
&nbsp<A HREF="links.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Links:</A> 
&nbsp<A HREF="faq.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:F.A.Q.:</A>

</H3>
<H5>
 
 
&nbsp1024*768 
&nbspoptimiert 
&nbsp--- 
&nbsp©
&nbspby 
&nbsp<A HREF="mailto:scavenger@arcor.de">Scavenger</A> 2002

</BODY>
<BODY BGCOLOR="000000" TEXT="FFFFFF">
</HTML>
Beitrag melden

–
Informationen zu den Bewertungsregeln
1. Wie geht des mit unterstrichenen Links?
 
 Henryk Plötz 18.03.2002 16:13
 
 css
 – Informationen zu den Bewertungsregeln
 Moin,
 
 irgendwie geht das alles net so wie ich will, das ist mien gesmater quelltext der menüleiste meiner homepage, ich will dass die links bei mausberührung unterstrichen werden, wie gesagt, bitte helft mir wie ich das mache!
 
 Du hast so eben die schöne Eigenschaft von CSS, dass spezifischere Definitionen unspezifischere überschreiben, entdeckt. Normalerweise würdest du nämlich in einem dateiweit gültigen Bereich am Anfang definieren was für alle Links in der gesamten Datei normalerweise gelten soll, und kannst dann immernoch im style-Attribut jedes Links festlegen wass für diesen Link im speziellen gelten soll. Du hast aber bei allen Links einzeln festgelegt dass sie auf keinen Fall unterstrichen dargestellt werden sollen und daran hält sich der Browser. Korrekt wäre es etwa so:
 
 <HTML>
 <TITLE>
 Toolbar>
 
 Toolbar
 
 </TITLE>
 <STYLE TYPE="text/css">
 
 A {text-decoration:none;}
 
 A:Hover {color:#FF0000}
 
 A:Hover {color:#FF0000; text-decoration:underline;}
 
 </STYLE>
 <BODY LINK=#BBBBBB VLINK=#BBBBBB ALINK =#BBBBBB>
 
 <BODY LINK="#BBBBBB" VLINK="#BBBBBB" ALINK ="#BBBBBB">
 
 
 <BODY>
 <H3>
 
 &nbsp<A HREF="home.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Home:</A> 
 
 <A HREF="home.html" TARGET="rechts_unten">:Home:</A> 
 
 &nbsp<A HREF="kontakt.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Kontakt:</A> 
 
 <A HREF="kontakt.html" TARGET="rechts_unten" >:Kontakt:</A> 
 
 &nbsp<A HREF="info.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Infos:</A> 
 
 <A HREF="info.html" TARGET="rechts_unten">:Infos:</A> 
 
 &nbsp<A HREF="pics.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Pics:</A> 
 
 <A HREF="pics.html" TARGET="rechts_unten">:Pics:</A> 
 
 &nbsp<A HREF="bender.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Bender:</A> 
 
 &nbsp<A HREF="bender.html" TARGET="rechts_unten">:Bender:</A> 
 
 &nbsp<A HREF="foren.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Foren:</A> 
 
 <A HREF="foren.html" TARGET="rechts_unten">:Foren:</A> 
 
 &nbsp<A HREF="http://www.webmart.de/guestbook.cfm?bookID=452681" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Guestbook:</A> 
 
 <A HREF="http://www.webmart.de/guestbook.cfm?bookID=452681">:Guestbook:</A> 
 
 &nbsp<A HREF="poll.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Poll:</A> 
 
 <A HREF="poll.html" TARGET="rechts_unten">:Poll:</A> 
 
 &nbsp<A HREF="link_me.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Link Me:</A> 
 
 <A HREF="link_me.html" TARGET="rechts_unten">:Link Me:</A> 
 
 &nbsp<A HREF="links.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:Links:</A> 
 
 <A HREF="links.html" TARGET="rechts_unten">:Links:</A> 
 
 &nbsp<A HREF="faq.html" TARGET="rechts_unten" STYLE="TEXT-DECORATION:NONE">:F.A.Q.:</A>
 
 <A HREF="faq.html" TARGET="rechts_unten">:F.A.Q.:</A>
 
 
 </H3>
 <H5>
 
 
 &nbsp1024*768 
 
 1024*768 
 
 &nbspoptimiert 
 
 optimiert 
 
 &nbsp--- 
 
 --- 
 
 &nbsp©
 
 ©
 
 &nbspby 
 
 by 
 
 &nbsp<A HREF="mailto:scavenger@arcor.de">Scavenger</A> 2002
 
 <A HREF="mailto:scavenger@arcor.de">Scavenger</A> 2002
 
 
 </BODY>
 <BODY BGCOLOR="000000" TEXT="FFFFFF">
 
 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Diese Zeile muss weg
 
 </HTML>
 
 Und siehe da: Kaum macht man's richtig, schon funktioniert's. ;-)
 
 Ich hab noch ein paar andere Fehler korrigiert:
 - Das > hinter Toolbar war bestimmt nur ein Vertipper, falls nicht muss es als > umschrieben werden.
 - Wenn der Wert eines Attributes etwas anderes als nur Zahlen enthält, muss er in Anführungszeichen eingeschlossen werden.
 - Du hast bei allen deinen Entities das abschliessende ; vergessen, ohne das geht es nicht. Der Browser kann ja schlecht raten ob &nbspby nun eigentlich &nbspby oder &n;bspby oder &nb;spby oder &nbs;pby oder by oder &nbspb;y oder &nbspby; heissen sollte.
 - Das zweite <body> ist überflüssig.
 --
 Henryk Plötz
 Grüße aus Berlin
 Beitrag melden
 
 –
 Informationen zu den Bewertungsregeln
 Übersicht
 
 alle Foren
 
 SELFHTML-Forum
 
 anmelden
 
 Benutzerkonto erstellen
 
 Beitrag im Thread-Baum

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Tobias: Wie geht des mit unterstrichenen Links?

Wie geht des mit unterstrichenen Links?

Wie geht des mit unterstrichenen Links?

Wie geht des mit unterstrichenen Links?

Wie geht des mit unterstrichenen Links?

Wie geht des mit unterstrichenen Links?

Wie geht des mit unterstrichenen Links?

Wie geht des mit unterstrichenen Links?

Wie geht des mit unterstrichenen Links?