a:hover nur in bestimmten Bereichen

[Yogu]

Hallo,

Wie kann ich es erreichen, dass Links nur in bestimmen Bereichen unterstrichen werden, wenn ich sie mit der Maus hovere?
Ich verwende eine CSS-Datei mit folgenden Zeilen:

a       {text-decoration:none; color:#1175B0}
a:hover {text-decoration:underline; color:#008080}

Der Nachteil ist, dass auch Links der Navigation unterstrichen werden. Ihr könnt das mal auf meiner Seite Yogularm ansehen. Achtet auf die Tabber und die Navigation Links, wenn ihr mit der Maus drüberfahrt.

Was ich bräuchte, wäre eine Möglichkeit, dieses Hover bestimmten CSS-Klassen zuzuordnen. Hat jemand eine Idee?

 

[BcF]

ginge z.B. so:

<!-- CSS -->
#navigation a:hover {
  text-decoration:none;
}

<!-- HTML -->
<div id="navigation">
  <!-- Hier die Navigation -->
</div>

 

[Yogu]

Ah, Danke. Das ist jetzt in einem Feld per ID angesprochen. Ich dachte zwar an ein Style, ich arbeite sehr wenig mit Feldern per ID, aber es wäre immerhin eine Lösung. Danke!

 

[gruenspan]

Ich dachte zwar an ein Style, ich arbeite sehr wenig mit Feldern per ID, aber es wäre immerhin eine Lösung. Danke!

Es ist die einzig sinnvolle Lösung, abgesehen von Klassen. Alles andere ist sinnfrei.

 

[Yogu]

Es wäre vielleicht eine Lösung, aber leider funktioniert es (meines Wissens und Ausprobierungsation) nicht. Ich weiß nicht, wie du das anstellen willst, aber wenn du Felder mit ID ansprichst, muss du das volgendermaßen tun:

#roterBereich {
   position:absolute;
   top:130px;
   left:30px;
   width:320px;
   padding:10px;
   margin:0px;
   border:4px solid #EE0000;
}

(Beispiel aus SelfHTML - die werden es schon richtig machen)

Und wie willst du da noch Klassen definieren - wie zum beispiel a:hover?
​