[GastForen Programme Web/Internet Adobe Dreamweaver CSS-Style a:hover

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Web/Internet - Webdesign, eForms
Themen
Beiträge
Moderatoren
Letzter Beitrag

CSS-Style a:hover

scherar
Beiträge gesamt: 153

31. Okt 2010, 08:10
Beitrag # 1 von 5
Bewertung:
(4353 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo

Ich habe auf meiner Seite die Navigation und im Text verschiedene Hyperlinks.
Nun möchte ich, dass sich die Links beim drüberfahren mit der Maus bei der Navigation anders verhalten als im Text.
Wenn ich den CSS-Style a:hover verwende, verhalten sich die Links in der Navi und im Text ja gleich. Wie kann man dies umgehen?

Gruss
X

CSS-Style a:hover

loethelm
  
Beiträge gesamt: 6029

31. Okt 2010, 14:05
Beitrag # 2 von 5
Beitrag ID: #455652
Bewertung:
(4328 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

so z.B.

.navi a:hover {Anweisungen}
und
.brottext a:hover {andere Anweisungen}


als Antwort auf: [#455636]

CSS-Style a:hover

scherar
Beiträge gesamt: 153

31. Okt 2010, 20:03
Beitrag # 3 von 5
Beitrag ID: #455657
Bewertung:
(4299 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Vielen Dank Loethelm, werde ich so versuchen!


als Antwort auf: [#455652]

CSS-Style a:hover

scherar
Beiträge gesamt: 153

1. Nov 2010, 20:28
Beitrag # 4 von 5
Beitrag ID: #455699
Bewertung:
(4255 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Loethelm

Irgendwie schaffe ich es nicht, dies umzusetzen.
Kannst du mir da ein Beispiel geben?


als Antwort auf: [#455652]

CSS-Style a:hover

SabineP
Beiträge gesamt: 7586

2. Nov 2010, 08:15
Beitrag # 5 von 5
Beitrag ID: #455721
Bewertung:
(4227 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo scherar:

hier noch ein zwei einfache Beispiele dazu:

<html>
<head>
<title> hover style </title>
<style type="text/css">
.navi a:hover {color:#f00}
.brottext a:hover {color:#0f0}
</style>
</head>
<body>
<div class="navi"><a href="/">link</a></div>
<div class="brottext"><a href="/">link</a></div>
</body>
</html>


<html>
<head>
<title> hover style </title>
<style type="text/css">
.navi:hover {color:#f00}
.brottext:hover {color:#0f0}
</style>
</head>
<body>
<a class="navi" href="/">link</a>
<a class="brottext" href="/">link</a>
</body>
</html>


als Antwort auf: [#455699]
(Dieser Beitrag wurde von SabineP am 2. Nov 2010, 08:19 geändert)
X