Fehler CSS, Könnte mir jemand helfen?
Redaktionelle Einordnung
Diese archivierte Diskussion behandelt Fehler CSS, Könnte mir jemand helfen? aus Sicht der Rubrik HTML5 & CSS.
Die Diskussion bleibt als Archiv nutzbar. Für die aktuelle Bewertung empfehlen sich ergänzend neuere Artikel, Tools oder eine konkrete Analyse.
Sinnvoll nutzbar bleibt der Thread vor allem als historischer Kontext, für typische Fragestellungen und zur Einordnung älterer Empfehlungen.
Einige im historischen Thread genannte Tools, Dienste oder externe Links könnten heute nicht mehr verfügbar oder inhaltlich überholt sein. Nutzen Sie sie bitte nur mit zusätzlicher Prüfung.
Startbeitrag
Archivierter Thread aus dem Seitenreport-Forum.
Hallo bin leider ein totaler Laie was CSS angeht. Habe diverse Fehler im CSS und einen im HTML. Kann mir da jemand helfen?
Danke
CSSFehler:
URI : www.artofphoto.ch/wp-content/themes/Photocraft/style.css
22 blockquote:before, blockquote:after, q:before, q:after Ungültige Nummer : content none ist kein content-Wert : none none
67 #testimonials blockquote Ungültige Nummer : right Versuche ein Semikolon vor dem Eigenschaftsnamen zu finden. Füge es hinzu.
339 #navigation ul ul Die Eigenschaft _width existiert nicht : auto auto
415 .nivo-directionNav a Die Eigenschaft -moz-opacity existiert nicht : 0.8 0.8
415 .nivo-directionNav a Die Eigenschaft -khtml-opacity existiert nicht : 0.8 0.8
415 .nivo-directionNav a Einlese-Fehler opacity=80)
417 .nivo-prevNav:hover Die Eigenschaft -moz-opacity existiert nicht : 100 100
417 .nivo-prevNav:hover Die Eigenschaft -khtml-opacity existiert nicht : 100 100
419 .nivo-nextNav:hover Die Eigenschaft -moz-opacity existiert nicht : 100 100
419 .nivo-nextNav:hover Die Eigenschaft -khtml-opacity existiert nicht : 100 100
432 #previewPane Ungültige Nummer : height Unbekanntes dimension 580pxpx
433 #previewPane Ungültige Nummer : height Unbekanntes dimension 580pxpx
448 #theImages img Einlese-Fehler opacity=50)
486 Unbekanntes Pseudoelement oder Pseudoklasse: :last
487 .pika-thumbs li .clip Ungültige Nummer : vertical-align center ist kein vertical-align-Wert : center center
536 * Einlese-Fehler *html #navigation ul li { text-transform:uppercase;}
537 * Einlese-Fehler *html #navigation ul li ul li { width:100%; margin:0; padding:0; }
538 * Einlese-Fehler *html #navigation ul li ul li a, *html #navigation ul li ul li a:hover { border:none !important; text-transform:capitalize; }
URI : www.artofphoto.ch/wp-content/plugins/slidedeck-lite-for-wordpress/skins/default/skin.css
23 .skin-default dl.slidedeck dd Die Eigenschaft -moz-border-radius-topright existiert nicht : 4px 4px
24 .skin-default dl.slidedeck dd Die Eigenschaft -moz-border-radius-bottomright existiert nicht : 4px 4px
25 .skin-default dl.slidedeck dd Die Eigenschaft -webkit-border-top-right-radius existiert nicht : 4px 4px
26 .skin-default dl.slidedeck dd Die Eigenschaft -webkit-border-bottom-right-radius existiert nicht : 4px 4px
114 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li.arrow Ungültige Nummer : background-image -moz-linear-gradient(top,#000,#444) ist kein background-image-Wert : -moz-linear-gradient(top,#000,#444) -moz-linear-gradient(top,#000,#444)
115 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li.arrow Ungültige Nummer : background-image -webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(1,#444)) ist kein background-image-Wert : -webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(1,#444)) -webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(1,#444))
117 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li.arrow Die Eigenschaft -moz-border-radius existiert nicht : 3px 3px
118 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li.arrow Die Eigenschaft -webkit-border-radius existiert nicht : 3px 3px
119 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li.arrow Die Eigenschaft -khtml-border-radius existiert nicht : 3px 3px
120 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li.arrow Die Eigenschaft -o-border-radius existiert nicht : 3px 3px
133 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:link, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:visited Einlese-Fehler opacity=50)
135 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:link, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:visited Die Eigenschaft -moz-opacity existiert nicht : 0.5 0.5
136 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:link, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:visited Die Eigenschaft -webkit-opacity existiert nicht : 0.5 0.5
138 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:link, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:visited Die Eigenschaft -moz-border-radius existiert nicht : 3px 3px
139 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:link, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:visited Die Eigenschaft -webkit-border-radius existiert nicht : 3px 3px
140 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:link, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:visited Die Eigenschaft -khtml-border-radius existiert nicht : 3px 3px
141 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:link, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:visited Die Eigenschaft -o-border-radius existiert nicht : 3px 3px
145 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:hover Die Eigenschaft -moz-opacity existiert nicht : 0.75 0.75
146 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:hover Die Eigenschaft -webkit-opacity existiert nicht : 0.75 0.75
147 .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:hover Einlese-Fehler opacity=75)
URI : www.artofphoto.ch/wp-content/plugins/nextgen-gallery/css/ngg_shadow.css
350 .ngg-gallery-list li.selected a Die Eigenschaft -moz-background-clip existiert nicht : border border
351 .ngg-gallery-list li.selected a Die Eigenschaft -moz-background-inline-policy existiert nicht : continuous continuous
352 .ngg-gallery-list li.selected a Die Eigenschaft -moz-background-origin existiert nicht : padding padding
URI : www.artofphoto.ch/wp-content/plugins/wp-jquery-lightbox/lightbox.min.css
1 #overlay Einlese-Fehler opacity=60)
1 #overlay Die Eigenschaft -moz-opacity existiert nicht : 0.6 0.6
URI : www.artofphoto.ch/wp-content/plugins/dynamic-content-gallery-plugin/js-mootools/css/jd.gallery.css
209 .jdGallery a.right, .jdGallery a.left Einlese-Fehler opacity=20)
210 .jdGallery a.right, .jdGallery a.left Die Eigenschaft -moz-opacity existiert nicht : 0.2 0.2
211 .jdGallery a.right, .jdGallery a.left Die Eigenschaft -khtml-opacity existiert nicht : 0.2 0.2
217 * html .jdGallery a.right, * html .jdGallery a.left Einlese-Fehler opacity=50)
222 .jdGallery a.right:hover, .jdGallery a.left:hover Einlese-Fehler opacity=80)
223 .jdGallery a.right:hover, .jdGallery a.left:hover Die Eigenschaft -moz-opacity existiert nicht : 0.8 0.8
224 .jdGallery a.right:hover, .jdGallery a.left:hover Die Eigenschaft -khtml-opacity existiert nicht : 0.8 0.8
264 .withArrows a.open Die Eigenschaft -moz-opacity existiert nicht : 0.8 0.8
265 .withArrows a.open Die Eigenschaft -khtml-opacity existiert nicht : 0.8 0.8
293 .jdGallery a.gallerySelectorBtn Die Eigenschaft -moz-opacity existiert nicht : 0.4 0.4
294 .jdGallery a.gallerySelectorBtn Die Eigenschaft -khtml-opacity existiert nicht : 0.4 0.4
295 .jdGallery a.gallerySelectorBtn Einlese-Fehler opacity=40)
378 *:first-child + html .jdGallery a.right, *:first-child + html .jdGallery a.left Einlese-Fehler opacity=20)
381 *:first-child + html .jdGallery a.right:hover, *:first-child + html .jdGallery a.left:hover Einlese-Fehler opacity=80)
URI : www.artofphoto.ch
285 .cs-prev, .cs-next Die Eigenschaft -moz-border-radius existiert nicht : 5px 5px
285 .cs-prev, .cs-next Die Eigenschaft -khtml-border-radius existiert nicht : 5px 5px
285 .cs-prev, .cs-next Die Eigenschaft -webkit-border-radius existiert nicht : 5px 5px
URI : www.artofphoto.ch/wp-content/plugins/wp-table-reloaded/css/datatables.css
21 .dataTables_wrapper Die Eigenschaft zoom existiert nicht : 1 1
23 .dataTables_wrapper Die Eigenschaft _height existiert nicht : 302px 302px
62 .dataTables_paginate Einlese-Fehler * width: 50px;
67 .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next Einlese-Fehler [: right; text-align: right; } .paginate_disabled_previous]
98 .paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active Die Eigenschaft -webkit-border-radius existiert nicht : 5px 5px
99 .paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active Die Eigenschaft -moz-border-radius existiert nicht : 5px 5px
103 .paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active Einlese-Fehler *cursor: hand;
104 .paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active Einlese-Fehler }
HTML:
1. Error Line 469, Column 10: an attribute value must be a literal unless it contains only name characters
Copyright 2010 Simon Ltolf. All rights rese
You have used a character that is not considered a "name character" in an attribute value. Which characters are considered "name characters" varies between the different document types, but a good rule of thumb is that unless the value contains only lower or upper case letters in the range a-z you must put quotation marks around the value. In fact, unless you have extreme file size requirements it is a very very good idea to always put quote marks around your attribute values. It is never wrong to do so, and very often it is absolutely necessary.
Antworten
6 BeiträgeHallo Simon,
Lass doch einfach mal deine Seite durch den folgenden Link durch.
jigsaw.w3.org/css-validator/validator
Die erste Meldung
URI : www.artofphoto.ch/wp-content/themes/Photocraft/style.css
67 #testimonials blockquote Ungültige Nummer : right Versuche ein Semikolon vor dem Eigenschaftsnamen zu finden. Füge es hinzu.
zur Behebung:
Die genannte Datei mit einem Editor öffnen.
Zeile 67 Suchen
hinter "right:5px" ein komma anfügen
right:5px;
..es geht nur stück für stück(so machen wir es alle).
Wenn dann noch was an Fehlern übrig bleibt...
Es sind viele browserspezifische Ausdrücke eingearbeitet. Als Laie werden die restlichen Fehler schwer zu beheben sein.
Ein Teil dieser "Fehler" sorgt dafür, dass Deine Seite auch in älteren Browsern korrekt dargestellt wird.
Nepal Rundreisen
Hi,
sorry, auch wenn das jetzt völlig offtopic sein wird:
hansen schrieb:
Ein Teil dieser "Fehler" sorgt dafür, dass Deine Seite auch in älteren Browsern korrekt dargestellt wird.
Ist es nicht eher die Behebung der Fehler, die für eine universelle Darstellung verantwortlich?
philosapiens schrieb:
Ist es nicht eher die Behebung der Fehler, die für eine universelle Darstellung verantwortlich?
Es gibt einige Webmaster, die großen Wert darauf legen, dass ihre Seite auch in veralteten Browsern korrekt dargestellt wird - alles unter IE 6 und FF 3.0.
Bei diesen Browsern waren aber noch andere CSS-Regeln gültig.
Nur mal ein Beispiel:
text-shadow war in CSS 2 gültig aber in CSS 2.1 nicht mehr, wird also jetzt als Fehler gewertet.
Wenn Du Dir seine CSS-Datei ansiehst, findest Du einige CSS HACK */ /* IE 5.x
hansen
Nepal Rundreisen
Hallo
Mal zur Ergänzung von Hannelores Beitrag.
text-shadow ist in CSS 3.0 wieder hinzugekommen.
Dann sind ziemlich viele Browserspezifische CSS Angaben enthalten, weil halt eben viele Browserversionen die universellen Angaben noch nicht verstehen.
Da hilft nur in diesem Falle sich CSS grundsätzlich anzueignen und sich zu informieren was nun wirklich ein Fehler ist und was syntaxmässig richtig ist und nur von dem Validator als Fehler erkannt wird.
Eine universelle Darstellung in allen Browsern und deren Versionen ist schwierig zu erreichen.
Es gibt einige neue CSS Befehle in CSS 3.0 die wird eine ältere Browserversion nie darstellen können.
Deshalb muss jeder Webmaster für sich selbst abwägen was er erreichen möchte.
Oder anders ausgedrückt wie stark will ich ältere Browserversionen unterstützen?
Welche Designmöglichkeiten will ich per CSS nutzen?
Will ich ein übersichtliches CSS haben?
Soll auch beispielsweise zu Drucken ein CSS Layout existieren?
Nachdem man sich diese oder auch noch andere Fragen selbst beantwortet hat kann man ein CSS anlegen oder überarbeiten.
Gruß
Jörg
joerg schrieb:
text-shadow ist in CSS 3.0 wieder hinzugekommen.
Geprüft wird die Seite aber nach CSS 2.1, was da dann eben ein Fehler ist. Auf der Seite sind die meisten Fehlerangaben eben dieser Mix.
hansen
Nepal Rundreisen