|
Posted by Jonathan N. Little on May 20, 2007, 6:32 pm
Please log in for more thread options
Sebastian Schack wrote:
> Hey everyone.
>
> Hope I'm in the right spot here... if not, please correct me.
>
> My .css starts with the definition of the body-part which looks as follows:
A url would be better, you may not have included the part with the error
but...
>
> body {
> background: #FFFFFF url(images/banner_spacer.png) repeat-x;
^^^^^^
This states that your *base* background color is white.
> font: normal small Arial, Helvetica, sans-serif;
> }
>
> The validator complains about two other parts in my .css file, telling me
> that I'm using the same color for the fore- and the background in the two
> contexts body and .boxed .title and in the two contexts body and #topmenu
> a.
>
> Here's my .boxed .title part:
> .boxed .title {
> height: 29px;
> padding: 11px 0 0 27px;
> text-transform: uppercase;
> font-size: 1.2em;
> color: #FFFFFF;
^^^^^^^^^^^^^^^
Now you have set the foreground color to white but what is the
background? You don't say so since your base color is white and and any
elements with class "boxed" or "title" will inherent the background
color of the parent your default will be white on white and hence the
warning. Yes I know you have a background image, but if it unavailable
for some reason the background color will preside. If this PNG is dark
you should set the background color dark as well for us folks on dialup
can read your page as your PNG takes it's merry time loading.
> }
>
> And here the #topmenu a part:
> #topmenu a {
> display: block;
> float: left;
> margin: 0 0 0 20px;
> padding: 0 0 0 15px;
> text-transform: uppercase;
> text-decoration: none;
> font-size: x-small;
> font-weight: bold;
> color: #ffffff;
^^^^^^^^^^^^^^^
DITTO
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
| 
XML Sitemap