Css Klasse mit Hover versehen ?

[Buff]

Hallo,

ich glaube die Lösung ist einfach, allerdings habe ich nichts gefunden. Folgendes Problem: Ich habe meine Textlinks mittels css ausgerichtet.  Jetzt möchte ich die Links auch mit einem Hover versehen. Im Detail sollen sie nicht unterstrichen sein sondern nur dann wenn man mit dem Mauszeiger rüberfährt.

http://www.buff-daddy.de/index_table.html

http://www.buff-daddy.de/css/mainstyle.css

Viele Grüße

Buff

[mad]

Ist sie:

les dir folgende Doku durch oder schau dir einfach das Beispiel an:
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

[Buff]

Ich habe mal woanders gefragt. so gehts jetzt :)

.posi_home {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding-left:27px;
 padding-top:7px;

}

.posi_home a:link { color: #ffffff; text-decoration:none;}
 .posi_home a:visited { color: #ffffff; text-decoration:none;}
 .posi_home a:hover { color:#ffffd0; text-decoration:underline;}

[Bobby]

Hallo Buff,

Erstens seh ich keinen einzigen Link auf der angegebenen Seite.

und zweitens zu CSS mit hover schau bitte unter :
http://de.selfhtml.org/css/eigenschaften/schrift.htm#text_decoration

Gruß Dave

[sava0767]

hallo,
kann dir folgende lösung vorschlagen:
a:link {
 text-decoration:none;
}
a:visited {
 text-decoration:none;
}
a:active {
 text-decoration:none;
}
a:hover {
 text-decoration: underline;
}

hoffe konnte dein problem lösen.
ciao sava0767

[Ingo Turski]

Hi,

das läßt sich aber auch gut zusammenfassen.
Übrigens sollte man stets auch an die Farbdefinition denken, zumindest wenn man eine Hintergrundfarbe angegeben hat.

freundliche Grüße
Ingo

[sava0767]

das läßt sich aber auch gut zusammenfassen.
Übrigens sollte man stets auch an die Farbdefinition denken, zumindest wenn man eine Hintergrundfarbe angegeben hat.

hallo Ingo,

ich weiß das man es zusammenfassen kann.
Es ging auch nur um die Umsetzung für die Link unterstreichung!
ciao sava0767

[Ingo Turski]

Hi,

ich weiß das man es zusammenfassen kann.

und warum machst Du es dann nicht?

Es ging auch nur um die Umsetzung für die Link unterstreichung!

schon klar. Dieser Hinweis galt auch nur allgemein und nicht Dir.

freundliche Grüße
Ingo

[sava0767]

hallo Ingo,

und warum machst Du es dann nicht?

a:link,visited,active {
     text-decoration:none;
   }
a:hover {
     text-decoration: underline;
   }
bist jetzt zufrieden?

ciao sava0767

[MudGuard]

Hi,

a:link,visited,active {

Das formatiert

• a-Elemente mit href-Attribut
• visited-Elemente (die es in HTML nicht gibt)
• active-Elemente (die es in HTML auch nicht gibt).

bist jetzt zufrieden?

Nö, weil das, was Du da geschrieben hast, ziemlicher Unsinn ist.

cu,
Andreas

[Buff]

Könnt ihr vielleicht zwischendurch weiterhelfen *g* ??

So gehts leider nicht :(

.posi_home {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding-left:27px;
 padding-top:7px;

a:link,visited,active {
     text-decoration:none;
   }
a:hover {
     text-decoration: underline;
   }

oder

.posi_home {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding-left:27px;
 padding-top:7px;
}
a:link,visited,active {
     text-decoration:none;
   }
a:hover {
     text-decoration: underline;
   }

funktioniert leider auch nicht.

[Ingo Turski]

Hi,

a {text-decoration:none; color:black;}
a:hover {text-decoration:underline;}

mehr braucht's eigentlich nicht.

freundliche Grüße
Ingo

[sava0767]

hi,
hast recht!
sorry

[Buff]

Wenn ich dich richtig verstanden habe, dann kopiere ich -->

a:link {
 text-decoration:none;
}
a:visited {
 text-decoration:none;
}
a:active {
 text-decoration:none;
}
a:hover {
 text-decoration: underline;
}

in meine css klasse , -->

.posi_home {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding-left:27px;
 padding-top:7px;
a:link {
 text-decoration:none;
}
a:visited {
 text-decoration:none;
}
a:active {
 text-decoration:none;
}
a:hover {
 text-decoration: underline;

}

Arbeite mit Dreamweaver und hatte in der richtung schon was versucht, er hat die Links trotzdem nur blau eingefärbt. Wie kann das im übringen Zusammenfassen ??

Vielen Dank

Buff

[sava0767]

Wie kann das im übringen Zusammenfassen ?

hi,
ja hast mich richtig verstanden,
zusammenfassend schaut das ganze so aus:

a:link,visited,active {
     text-decoration:none;
   }
a:hover {
     text-decoration: underline;
   }
somit hast du die gleiche formatierung bei allen drei zuständen.
das selbe gilt für Schrift, Farbe, Hintergrund usw....!
ciao jürgen

[Buff]

So gehts leider nicht

.posi_home {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding-left:27px;
 padding-top:7px;

a:link,visited,active {
     text-decoration:none;
   }
a:hover {
     text-decoration: underline;
   }

oder

.posi_home {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding-left:27px;
 padding-top:7px;
}
a:link,visited,active {
     text-decoration:none;
   }
a:hover {
     text-decoration: underline;
   }

funktioniert leider auch nicht.

[sava0767]

hi, sorry mein fehler!
so müßte es funktionieren!

a:link,a:visited,a:active {
      text-decoration:none;
    }
 a:hover {
      text-decoration: underline;
    }
oder einfach nur:

a   {
      text-decoration:none;
    }
a:hover {
      text-decoration: underline;
    }