CSS Validator - Wer kann helfen?

[Luk.Online]

Hallo,
der CSS Validator meckert an meiner Navi herum.^^

Luk.Online - Labor
http://lukonline.lu.funpic.de/navi/styles/navi.css

Ergebnisse des CSS-Validators http://lukonline.lu.funpic.de/navi/styles/navi.css (CSS level 2.1)

Außerdem hätte ich sie gern noch etwas anders...
Jedoch bekomm ich das nicht hin. (sie ist nicht selbst entworfen sondern nur angepasst):

Wenn man z.b. Home aufklappt (<li class="sub">), dann sollen alle elemente darunter (Startseite, Forum,...) bei hover rot werden, wie es z.b. unter sonstiges bei impressum und kontakt funktioniert.

Würde mich über Hilfe sehr freuen!

Vielen Dank!!! MfG, Lukas

 

[threadi]

Das erste Problem dürfte klar sein: :click gibt es nicht in CSS 2.1.

Die Warnungen könntest Du ignorieren falls es dein Design beeinflussen würde.

 

[Luk.Online]

was macht denn :click

und die meldungen will ich auch wegbekommen...

was macht #menu li.click ul li.hover ul li.hover ul li.hover a? eig nur irgend was schwarz. habe mal in pink gefärbt, es ist aber keine änderung zu sehen...

#menu li a ist die normale schriftfarbe und bei #menu li.click ul li.hover ul li.hover ul li.hover kann ich auch keine änderungen sehen

---
außerdemn ist mir aufgefallen, dass click recht oft vorkommt, aber nur eine fehler-meldung...
oder kann ich css level 3 verwenden? was muss man da ändern?

 

[neuroleptika]

was macht denn :click
..

Nichts

Ich vermute es sollte #menu .sub a:focus heißen.
Damit würde der Link hervorgehoben wenn er mit der Tabtaste angewählt wurde.

:click kommt nur einmal vor.
.click kommt mehrmals vor. Damit wird class="click" angesprochen.

Wo hast das denn her?

 

[Luk.Online]

aber class="click" gibt es nicht im html QT...
ich google mal nach wegen :click und :focus.

Danke erstmal

 

[neuroleptika]

Der CSS Validator prüft nicht ob die klassen im html vorkommen.

 

[Luk.Online]

hm.. also könnte man alles mit .click löschen...

Wenn man z.b. Home aufklappt (<li class="sub">), dann sollen alle elemente darunter (Startseite, Forum,...) bei hover rot werden, wie es z.b. unter sonstiges bei impressum und kontakt funktioniert.

wie siehts hiermit aus?
wo fehlt da was im code?

 

[neuroleptika]

Die Klassen werden durch das Javascript ersetzt.
Wenn du sie löscht funktioniert das nicht mehr.

Wenn alle Links bei hover eine rote Schrift bekommen sollen:

 #menu li a:hover {
color: #FF0000;
}

Der css-Validator soll dir helfen Fehler im css zu finden.
Das bedeutet nicht das du alle angezeigten Fehler ausmerzen mußt.
Er prüft weder html noch Javascript.
Er kann keine Fehlerkonsole ersetzten.
Ein unvalides css muß nicht bedeuten, daß es zu unerwünschten Ergebnissen kommt. Umgekehrt ist ein Valides css auch keine Garantie für eine Fehlerfreie Darstellung.

Eine Pseudoklasse die der Browser nicht kennt wird ignoriert.
Durch dieses Prinziep ist css abwärtskompatibel und aufwärtskompatibel.

 

[Luk.Online]

 #menu li a:hover {
color: #FF0000;
}

das geht!!! danke!!

Die Klassen werden durch das Javascript ersetzt.
Wenn du sie löscht funktioniert das nicht mehr.

achso...


ich würde aber gern alle fehler und warnungen weg haben. bin da perfektionist^^