Problem mit underline bei Footer Links

**hajo808** · 18.10.2010, 16:21

Hallo!

Ich finde irgendwie den Fehler nicht.
Auf dieser Seite http://www.cn-g.de/0/bsbv1 unten die Footer Links.
Wie bekomme ich da beim Hovern die underline weg?
Irgendwie greift da nicht text-decoration: none; ??

Weiss jemand Rat?

Vielen Dank!

**teo** · 18.10.2010, 16:36

div#footer ul#footer_nav a { text-decoration: none; }

...klappt nicht?

He........ · 18.10.2010, 16:38

Hi,

das ist keine text-decoration sondern ein border-bottom.

Wenn du

PHP-Code:


#footer_nav li a:hover { border-bottom:none; }

gibst ist es weg (wahr zumindest beim Test mit dem Webdeveloper im FF so).

**teo** · 18.10.2010, 16:41

stimmt. im stylesheet steht bei den allgemeinen Link-Definitionen

Code:

a:hover, a:focus {
    color: #008d03;
    border-bottom: 1px solid;
	font-family: 'Nobile', Arial, serif;
	text-decoration: none;
    outline: none;
}

**hajo808** · 18.10.2010, 17:37

Hey Danke! Hat geklappt. Da muss man erstmal drauf kommen.

Hm, aber warum? Normalerweise müssten doch die allg.Def. überschrieben werden oder?

Verstehe ich noch nicht so recht.

Aber trotzdem erstmal Danke!

He........ · 19.10.2010, 05:45

Zitat von hajo808

Hm, aber warum? Normalerweise müssten doch die allg.Def. überschrieben werden oder?

es kommt darauf an.

Eine häufige Ursache warum Definitionen nicht überschrieben werden, obwohl die gewünschte Darstellung in der CSS-Datei doch ganz unten notiert wurde ist zu geringe Spezifität.
Spezifität hat Vorrang vor der Reihenfolge der Notation.

In deinem Fall solltest du berücksichtigen das border-bottom etwas vollkommen anderes als text-decoration ist.
border-bottom sitzt optisch tiefer als der Unterstrich bei text-decoration.
Gib meiner geposteten Deklaration mal spaßeshalber neben text-decoration:underline; noch einen border-bottom, dann ist der Linktext beim Hovern doppelt unterstrichen.