gelöschter Benutzer

Fehler CSS, Könnte mir jemand helfen?

am 18.10.2010, 09:13 Uhr eröffnete folgenden Thread
HTML5 & CSS    6452 mal gelesen    6 Antwort(en).

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 Lütolf. 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.


romacron
JDev Xer
Content Gott (1224 Beiträge)
am 18.10.2010, 10:08 Uhr schrieb romacron

Hallo 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.


hansen
Foren Moderator
Content Gott (1886 Beiträge)
am 18.10.2010, 10:52 Uhr schrieb hansen

Ein Teil dieser "Fehler" sorgt dafür, dass Deine Seite auch in älteren Browsern korrekt dargestellt wird.


Nepal Rundreisen

philosapiens
Avatar philosapiens
webdesigner
Fortgeschrittener (52 Beiträge)
am 18.10.2010, 12:42 Uhr schrieb philosapiens

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?


Der höchste Lohn für unsere Bemühungen ist nicht das, was wir dafür bekommen, sondern das, was wir dadurch werden.

Hier mein Versuch der Webseitenerstellung: http://idealseiten.de

hansen
Foren Moderator
Content Gott (1886 Beiträge)
am 18.10.2010, 13:26 Uhr schrieb hansen

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

joerg
Avatar joerg
Fachinformatiker Anwendungsentwicklung
Content Gott (1941 Beiträge)
am 18.10.2010, 15:02 Uhr schrieb joerg

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.

www.css4you.de



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


Zufällige Umleitung zu der Startseite einer meiner Domains
Meine ungewöhnlichen Tools

hansen
Foren Moderator
Content Gott (1886 Beiträge)
am 18.10.2010, 17:32 Uhr schrieb hansen

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

  • 1


« zurück zu: HTML5 & CSS

Das Seitenreport Forum hat aktuell 5275 Themen und 36110 Beiträge.
Insgesamt sind 48360 Mitglieder registriert.