Liste von CSS-Regeln für tag a wird nur von IE interpretiert

[jubi]

Ist es bekannt, dass folgende Schreibweise:

Code: Alles auswählen

.navi-test a:link, .navi-test a:activ, .navi-test a:visited, .navi-test a:hover {
   padding-left: 15px;
  text-decoration:none;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   color:#333333;
}
.navi-test a:hover {
   display:block;
   color:#FFFFFF;
   background-image: url(../../allgem_img/666666.gif);
   background-repeat: no-repeat;
   background-color:#666666;
}


von IE 8 erkannt und umgesetzt wird, aber von Firefox 4.0.1, Safari 5.0.5, Opera 11.11 nicht?

Es ist also kein Problem, das nicht lösbar ist, aber die Schreibweise einer Liste ist schon angenehm und vorteilhafter. Muss ich damit leben, oder habe ich etwas übersehen.
Zum Voraus besten Dank und Gruss
jubi

[Azra]

Ist mir nicht bekannt - mit ausreichend Fachwissen funktionieren Webseiten in allen Browsern zu 98% gleich. Kleine Abweichungen gibt es immer.

Um dein Problem zu verstehen benötigen wir aber entweder den dazugehörenden HTML Code oder eine Erklärung was denn nicht funktioniert.

[jubi]

Herzlichen Dank für die rasche Rückmeldung. Ich werde den entsprechenden Test online stellen. Bei solchen Tests arbeite ich hauptsächlich lokal mit xampp-Umgebung.
Im Augenblick fehlt mir die Zeit, den Test online zu stellen. Ich hole das aber später nach.
Gruss jubi

[Azra]

Moment ich weiß warum
Die Attribute der Links sind in CSS etwas pingelig. Es gibt eine Reihenfolge die man innerhalb der CSS Datei einhalten muss:
a:link dann a:visited dann a:hover dann a:active

[jubi]

Ich habe jetzt die Test-Seite online gestellt. Sie befindet sich unter dem Link
www-juerg-bigler-ch (sorry, scheinbar bin nicht befugt URLS einzufügen!)
Dort ist der Unterschied leicht feststellbar. Warum ist mir nach wie vor ein Rätsel, denn ich weiss, dass die Schreibeweise (Liste) für Selektoren, die die gleichen Eigenschaften haben sollen, normalerweise problemlos funktioniert. Lediglich hier beim Anker-Tag scheint es nicht zu gehen.
Falls jemand eine Antwort weiss, bin ich sehr dankbar.
Gruss jubi

[Azra]

Moment ich weiß warum
Die Attribute der Links sind in CSS etwas pingelig. Es gibt eine Reihenfolge die man innerhalb der CSS Datei einhalten muss:
a:link dann a:visited dann a:hover dann a:active

Das ist doch die Antwort - es ist nunmal so dass die Reihenfolge wichtig ist.
Ich Gruppiere meist folgendermassen:

Code: Alles auswählen

.deineklasse a:link, .deineklasse a:visited{
attribut:wert;
attribut2:wert;
}
.deineklasse a:hover, .deineklasse a:active{
attribut:wert;
attribut2:wert;
}


:hover und :active zusammen, weil bei Klick meist die selbe Darstellung wie beim drüberfahren erwünscht ist.

[jubi]

Sorry, aber die Reihenfolge spielt in diesem Zusammenhang überhaupt keine Rolle. Das habe ich zur Genüge getestet. Es ist wirklich nur die Art der Schreibweise bei der Definition. S. meine Test-Site.
Gruss jubi

[Azra]

Ich muss gestehen dass ich den Link in deinem Post überlesen habe - verstehe dein Anliegen nun
Werd mich hierzu ein wenig umhören.