Beste SDers

Wanneer ik mijn pagina's CSS valideer krijg ik altijd de volgende waarschuwing:

"Je hebt geen achtergrondkleur opgegeven (of de achtergrondkleur is transparant) maar je hebt wel een tekstkleur opgegeven. Zorg ervoor dat het opgeven van tekst- en achtergrondkleuren de tekst leesbaar houdt."

Is dit probeem te verhelpen zonder dat ik mijn tekst een achterkleur geef? Zo ja, hoe dan?

Groet,
Fritz

dit is slechts een waarschuwing, je hoeft er inprincipe niet op in te gaan, deze waarschuwing is er omdat er personen zijn die heb tekstkleur van websites soms veranderen, soms komt het slecht uit :)

ik ken niet echt een oplossing behalfe je tekst de achtergrondkleur te geven als wat hij normaal zou hebben, voor geen visuele veranderingen.

Origineel gepost door B Cheung

dit is slechts een waarschuwing, je hoeft er inprincipe niet op in te gaan, deze waarschuwing is er omdat er personen zijn die heb tekstkleur van websites soms veranderen, soms komt het slecht uit :)

ik ken niet echt een oplossing behalfe je tekst de achtergrondkleur te geven als wat hij normaal zou hebben, voor geen visuele veranderingen.

Ja precies. Hij staat ook echt op alle waarschuwingen weergeven. Dus hij kijkt heel kritisch. Maar ik heb nooit een goede oplossing kunnen vinden dus vandaar...

als het echt nodig is kan je in de html of body zetten
background-color: #FFFFFF;

of een andere websafe kleur.
http://www.techbomb.com/websafe/

deze site is heel goed voor mooie kleuren te vinden

Ik weet niet of die mensen bestaan, maar het is mogelijk om in je browser een eigen default achtergrondkleur te geven. Als iemand bijvoorbeeld als standaardkleur zwart kiest, en jij op je site voor zwarte letters hebt, maar niet expliciet een lichte achtergrondkleur neemt is die site voor hem niet leesbaar.

Dit komt in de praktijk natuurlijk nauwelijks voor, maar ten tijde van Netscape 4.x nog wel, Netscape had nl. als standaardinstelling een grijze achtergrond.

Misschien dat het helpt als je dit bovenin je style sheet zet:

Code:

*{
background-color: inherit
}

(niet getest)

@Gilbert Berkers
wat je dan doet is alles de achtergrondkleur laten overerven, maar van wat moet hij het dan overerven als alles iets overerft?

tot mijn logica(wat fout kan zijn! het is namelijk niet getest) zou je het dan uiteindelijk van de browser overerven en is hij alsnog niet goed, het kan dan wel valid zijn, maar als de achtergrondkleur handmatig is ingevoerd, dan werkt dit manier alsnog niet.

ik kan het fout hebben, ik heb het niet getest.

@B Cheung:

Je hebt gelijk hoor, ik had iets te snel op verzenden gedrukt. Ik ging ervan uit dat je wel een achtergrond opgeeft voor de body. alle overige elementen vang je dan af met de wildcard '*'
Dan krijg je zoiets:

Code:

*{
background-color: inherit
}
body{
background-color: #fff
}

dat klinkt wel goed, alleen jammer dat * niet voor hoger maar voor alles telt.

Ach zo'n bigdeal is het niet. Ik snap gewoon niet waarom die validator dat aangeeft terwijl je het bijna op geen enkele manier kan fixen...

dat omdat het heel kritisch is :) op zich kan je er goed gebruik van maken, want ik heb liever dat me website 100% goed zijn :) en ook het liefst geen waarschuwingen.