nicht angemeldet
Hover in unterschiedlichen Farben
Hallo,
weiß jemand, ob man es auf einer Seite ohne Frames hinbekommen kann, einen Link, wenn der Cursor ihn berührt, z.B. rot aufleuchten lasssen und einen anderen auf derselben Seite z.B. grün. Bisher schaffe ich es nur, einen einzigen hover-Befehl für eine Seite zu definiern.
Grüße
Boris
-
Du könntest z.B. mehrere Klassen machen:
a.rot:hover { background-color: red; }
a.blau:hover { background-color: blue; }
a.gelb:hover { background-color: yellow; }Und dann <a href="..." class="rot"> verwenden.
-
a.rot:hover { background-color: red; }
danke, aber das meinte ich nicht ;)
ich möchte nicht den hintergrund des links in ner anderen farbe haben, sondern nur die unterstreichung-
oh sorry, hab im alschen thread gepostet :x
-
-
Hallo.
a.rot:hover { background-color: red; }
a.blau:hover { background-color: blue; }
a.gelb:hover { background-color: yellow; }Und dann <a href="..." class="rot"> verwenden.
Die Klassenbezeichnungen sollten besser nicht die Farbangaben enthalten, da ansonsten bei einer Farbänderung alle HTML-Dateien bearbeitet werden müssen. Klassenbezeichnungen wie "menu", "intern", "extern", "download" etc bieten sich da eher an.
MfG, at
-
-
Hallo,
weiß jemand, ob man es auf einer Seite ohne Frames hinbekommen kann, einen Link, wenn der Cursor ihn berührt, z.B. rot aufleuchten lasssen und einen anderen auf derselben Seite z.B. grün. Bisher schaffe ich es nur, einen einzigen hover-Befehl für eine Seite zu definiern.Na klar: mit style sheets.
A:link {
color:black;
font:menu;
text-decoration:none;
padding-right:16px;
padding-left:6px;
padding-top:4px;
padding-bottom:4px;
border:3px solid green; }A:visited {
color:black;
font:menu;
text-decoration:none;
padding-right:16px;
padding-left:6px;
padding-top:4px;
padding-bottom:4px;
border:3px solid green; }A:hover {
color:white;
font:menu;
font-weight:bold;
text-decoration:none;
background-color:red;
padding-right:16px;
padding-left:6px;
padding-top:4px;
padding-bottom:4px;
border-bottom:1px solid black;
border-right:1px solid black;
border-top:1px solid silver;
border-left:1px solid silver; }A:active {
color:blue;
text-decoration:none; }Die musst du natürlich deinen Bedürfnissen anpassen:-)
-
Hallo.
Na klar: mit style sheets.
[...]
Die musst du natürlich deinen Bedürfnissen anpassen:-)
Ja, denn deine vermeintliche Lösung bewirkt nicht im entferntesten das, was sich der Fragesteller erhofft hatte.
MfG, at
-