Renskrev dit css til følgende (lidt lettere at overskue syntes jeg)
body { background: #fff url(zen2.jpg) no-repeat left top; text-align: center }
#container { background: #fff url(cirkel.gif) no-repeat right bottom; text-align: left; margin: 0px auto; padding: 25px; border: solid 1px #000; width: 600px }
img.floatLeft { float: left; margin: 4px }
#navcontainer { background-color: #ccc; float: left; width: 100% }
#navcontainer ul { padding: 0px }
#navcontainer ul li { display: inline }
#navcontainer ul { font-size: 0.65em; font-family: verdana, tahoma, helvetica, sans-serif; letter-spacing: 2px; margin: 0px; padding: 0px 0px 0px 7% }
#navcontainer ul li a { text-decoration: none; background-color: #ccc; float: left; padding: 0.2em 12px; border-right: 1px solid #000 }
#navcontainer ul li a:hover { background-color: #000 }
#navlist li a:hover { color: #fff; text-decoration: none; background-color: #000; text-align: left }
#navlist li a:active { color: #fff; text-decoration: none; background-color: #000; text-align: left }
det giver 6 advarsler... (linie 1 2 4 7 8 0g 9)
De 5 er ens "You have no color with your background-color" og er level et advarsler (level et = WAI-A valid)
line 7 siger "You have some absolute and relative lengths in padding. This is not a robust style sheet." (level et = WAI-AA valid)
Husk...advarsler er ikke fejl....det er w3c der gør opmårksom på at der kan være et problem, men det er op til dig at bedømme om det r et problem.... i dette tilfælde...kan man se hvad der skal stå med de farver ??
WAI er de standarter man bør bruge for at sikre tilgængelighede/læsbarheden/brugervenligheden på ens side.. Der er 3 levels af WAI validering... A AA Og AAA....hvor A er den der er lettes at opnår (og som man som minimum bør stræbe efter)
Groft sagt er WAI de regler som ikke kan beskrives i CSS eller HTML.... feks at sort skrift på sort bagrund ikke er så smart se fra en brugers side..... Se mere om WAI på w3c... evnt prøv denne "validator"
http://webxact.watchfire.com/Det den "spørger om" er om du nu er sikker på man kan læse hvad der står, (Vil font farven kunne ses på den baggrund ?)
Dettte kan du jo selv vurdere om den kan eller ej(eller om den skal kunne).... derfor er det ikke en fejl men en advarsel
Du vil også kunne opleve en advarsel som feks "Same colors for background-color and color"
...den forklare vist sig selv..*S*
Du kan nemt slippe for dem ved at angive en font-farve til dem
body { color: #000; background: #fff url(zen2.jpg) no-repeat left top; text-align: center }
#container { color: #000; background: #fff url(cirkel.gif) no-repeat right bottom; text-align: left; margin: 0px auto; padding: 25px; border: solid 1px #000; width: 600px }
img.floatLeft { float: left; margin: 4px }
#navcontainer { color: #000; background-color: #ccc; float: left; width: 100% }
#navcontainer ul { padding: 0px }
#navcontainer ul li { display: inline }
#navcontainer ul { font-size: 0.65em; font-family: verdana, tahoma, helvetica, sans-serif; letter-spacing: 2px; margin: 0px; padding: 0 0 0 7% }
#navcontainer ul li a { color: #000; text-decoration: none; background-color: #ccc; float: left; padding: 0.2em 12px; border-right: 1px solid #000 }
#navcontainer ul li a:hover { color: #fff; background-color: #000 }
#navlist li a:hover { color: #fff; text-decoration: none; background-color: #000; text-align: left }
#navlist li a:active { color: #fff; text-decoration: none; background-color: #000; text-align: left }
nu har linie 1 2 4 8 og 9 fået sort tekst... og advarslerne er væk...
kun en tilbage linie 7....
Den skyldes der bliver brugt både relative og absolute størelser i samme størelses angivelse
Hvis du vil brug en relativ størelse på den ene led (feks %) så skal alle størelse angives med en relativ størelse
et 0 uden størelses angivelser er per default en absolut størelse (px)
Hvad du ønsker at bruge hved jeg ikke men det skulle slå den sidste advarsel ihjel
håber det hjælper
.
