Seite 1 von 2
[3.2] CSS Fehlerermeldung im Style - finde das Problem nicht
Verfasst: 10.12.2017 22:08
von Tastenplayer
Einige CSS Validierungs Fehler sind wirklich sehr merkwürdig.
Code: Alles auswählen
Einlese-Fehler [: 2px solid #F4F4F4; border-radius: 2px; } p.post-notice]
Nur wo soll da der Fehler sein
Code: Alles auswählen
div.rules {
font-weight: bold;
color: #3C3C3C;
background: #eeeeee; /* Old browsers */ /* FF3.6+ */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 75%, #cccccc 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 75%,#cccccc 100%);
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 75%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
border: 2px solid #F4F4F4;
border-radius: 2px;
}
p.post-notice {
background-color: #ECD5D8;
background-image: none;
}
Oder muss jetzt der border Teil nach color stehen, damit kein Einlesefehler mehr entsteht?
Etliche weitere Fehler verweisen auf den Style Prosilver. Wogegen man kaum was machen kann, wenn man Child Style erstellt.
Re: [3.2] CSS Fehlerermeldung im Style - finde das Problem nicht
Verfasst: 11.12.2017 07:32
von Dr.Death
Der Validierungs Service den Du nutzt bleibt zu 95% Wahrscheinlichkeit am vorherigen Block:
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); [color=#FF0000]/* IE6-9 */[/color]
hängen.
Das Rot markierte ist ja nur ein Kommentar, den der Browser ignoriert, aber der Validierungs Service anscheinend nicht....
Re: [3.2] CSS Fehlerermeldung im Style - finde das Problem nicht
Verfasst: 11.12.2017 14:17
von Melmac
Wenn dem so ist, dann könnte man vielleicht versuchen, das Auskommentieren anders zu handhaben:
Ersetze
durch
und probiere es danach erneut.
btw.: Welches Tool nimmst Du zum Validieren?
Re: [3.2] CSS Fehlerermeldung im Style - finde das Problem nicht
Verfasst: 11.12.2017 16:02
von Crizzo
Re: [3.2] CSS Fehlerermeldung im Style - finde das Problem nicht
Verfasst: 11.12.2017 16:18
von Melmac
Hast Recht
Bin noch zu sehr in SASS unterwegs gewesen ...
Re: [3.2] CSS Fehlerermeldung im Style - finde das Problem nicht
Verfasst: 11.12.2017 19:51
von Tastenplayer
btw.: Welches Tool nimmst Du zum Validieren?
Ich habe Deinen Link für Firefox Erweiterung installiert. Jetzt im Firefox oben bei dem Zahnrad - Validate CSS - dann kommt diese Seite:
https://jigsaw.w3.org/css-validator natürlich alles bereits ausgefüllt.
Einlese-Fehler [: 2px solid #F4F4F4; border-radius: 2px; } p.post-notice] Ja aber der Einlesefehler betrifft ja nicht das
in diesem Fall. Sondern von border-radius: 2px; } zu dem neuen p.post-notice
Im Style Black-Silver-Split ist das ja auch so geschrieben - da gibt es diesbezüglich keinen Einlesefehler. Bei mir hat es 170 Fehler - wobei ungefähr die Hälfte auf Prosilver verweist. Einige verweisen auf Extensions.
Bei mir waren es 175 - 5 konnte ich eliminieren - Einige sind einfach spezielle Sachen aus den phpbb Styles - die sind in allen Styles als Fehler markiert - die Restlichen sind unlogische Fehlermeldungen. Wie den, welchen ich eben hier einfügte im ersten Beitrag.
Bis jetzt habe ich noch 5 CSS-Fehler behoben sowie die Links zur responsiven Datei von Prosilver aus den html Dateien entfernt.
Versuche morgen noch weitere CSS-Fehler zu beheben. Danach folgt neuer Download mit der Version 3.2.1_c
Re: [3.2] CSS Fehlerermeldung im Style - finde das Problem nicht
Verfasst: 11.12.2017 20:23
von Dr.Death
Nimm doch mal den WC3 eigenen Checker:
https://validator.w3.org/
Uppps.... der ist ja nur für HTML... sorry....
Re: [3.2] CSS Fehlerermeldung im Style - finde das Problem nicht
Verfasst: 11.12.2017 20:27
von Crizzo
Ich glaube, ohne die vollständige CSS-Datei (--> Pastebin) oder einem Link zu besagtem Problem, kommen wir hier mit der Hilfe nicht weiter.
Re: [3.2] CSS Fehlerermeldung im Style - finde das Problem nicht
Verfasst: 11.12.2017 22:17
von canonknipser
Meine Meinung: Schmeiss doch die Unterstützung für alte Browser raus - warum hast du 4 (in Worten
vier) verschiedene Gradienten + einen Fallback-ich-bin-ein-uralt-Firefox-Hintergrund drin?
W3C + ggf. webkit - dann gibt es für alte Browser eben kein 100% superhyper-Hintergrund.
Ansonsten (Ohne IE 6 und 7)
Code: Alles auswählen
div.rules {
font-weight: bold;
color: #3C3C3C;
background: #eeeeee; /* Old browsers */ /* FF3.6+ */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 75%, #cccccc 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 75%, #cccccc 100%);
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 75%, #cccccc 100%); /* W3C */
/* IE8-9 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#eeeeee, endColorstr=#cccccc)"; /* IE6-9 */
border: 2px solid #F4F4F4;
border-radius: 2px;
}
p.post-notice {
background-color: #ECD5D8;
background-image: none;
}
Re: [3.2] CSS Fehlerermeldung im Style - finde das Problem nicht
Verfasst: 12.12.2017 15:46
von juliokr
Naja den CSS Validator von W3 sollte man vielleicht nicht allzu ernst nehmen (solange eine Seite auf allen gängigen Browsern funktioniert). Habe noch nie eine Seite gesehen wo das Ding nichts zu meckern hat.
Bei phpbb.de wirft das Ding auch schon mal 21 Fehler aus