CSS Hover-Klasse wird nicht angesprochen

furryhamster · 2. Dezember 2013

Hi,

habe folgendes in einer css datei definiert:

Code:

a.linkgruen:hover, a.linkgruen:active
{
background-color:#CCDDEE;
color: #4E6C8D;
}

a.linkgruen:link,a.linkgruen:visited
{
display:block;
min-width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#006400;
text-align:center;
padding:8px;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
}

link und visited wird genau wie eingestellt dargestellt. das hover und active jedoch nicht bzw er ändert die Farbe nicht wen ich mit dem Mauszeiger drüber gehe.

Mein link sieht wie folgt aus:

Code:

<a class='linkgruen' href='link'>text</a>

bevor ich den style in eine Klasse gepackt habe ging es auch noch. Jemand eine Idee?

blackraven · 2. Dezember 2013

Style im HEAD eingebunden?

"<link rel="stylesheet" type="text/css" href="test.css">"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<link rel="stylesheet" type="text/css" href="test.css">

<title>Beschreibung der Seite</title>
</head>
<body>

<a class="linkgruen" href="link">text</a>
<p></p>

</body>
</html>

Funktioniert bei mir wunderbar.

test.css:

a.linkgruen:link,a.linkgruen:visited
{
display:block;
min-width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#006400;
text-align:center;
padding:8px;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;

}

a.linkgruen:hover,a.linkgruen:active
{
background-color:#CCDDEE;
color: #4E6C8D;
}

furryhamster · 2. Dezember 2013

Ist genau wie von dir beschrieben eingebunden und a.linkgruen:link,a.linkgruen:visited wird auch angezogen.

habe jetzt auch die Steuerung über die Klasse rausgenommen und es geht auch nicht mehr :/ werde dann wohl noch mal etwas frickeln müssen

Edit: Auch komisch... wenn ich den href teil rausnehme funktioniert der Hover aber die Standardformatierung ohne mouse over geht nicht mehr

Daaron · 2. Dezember 2013

Du wirst einfach irgendwo n Schreibfehler haben, z.B. ne öffnende oder schließende Klammer zu viel.

furryhamster · 2. Dezember 2013

hatte ich auch erst gedacht. Nachdem das ganze aber auch in einfachem css nicht lief habe ich a.linkgruen:link,a.linkgruen:visited und a.linkgruen:hover,a.linkgruen:active noch mal gedreht (irgendwie hatte ich beim kopieren erst a.link und dann a:hover geschrieben). In dieser Reihenfolge ging es dann.
danke für eure Hilfe

Suche

CSS Hover-Klasse wird nicht angesprochen

furryhamster

Lt. Commander

blackraven

Commander

furryhamster

Lt. Commander

Daaron

Fleet Admiral

furryhamster

Lt. Commander

Ähnliche Themen