Good day. I am new to css and determined to get it right and not frustrate too much and run from it. I have the following message coming back from the W3 validator yet I see the background colors in my browser. I have to believe because I'm a rooky it's something I'm doing wrong. I would very much appreciate any feedback on this error and any other css issues you might find in this coding. Your assistance is appreciated.
Regards
Grey1
w3 validation message
Line : 48 (Level : 1) You have no color with your background-color : .left-blog
How to select proper DOCTYPE for a webpage - WittySparks::
Use this together with W3Cs Cascading Style Sheet language (CSS) to get the Icons, Validation Icons, Validate Web Icons, w3c Icons
http://www.wittysparks.com/2008/11/16/how-to-selecting-proper-doctype-for-a-webpage/HOME |
Simon Willison: [X]HTML and CSS::
In a recent issue of the Sitepoint Tech Times newsletter, Kevin Yank explains If youre still struggling to get to grips with CSS layout techniques (heaven
http://simon.incutio.com/categories/markup/HOME |
Line : 55 (Level : 1) You have no color with your background-color : .left-blog
Line : 59 (Level : 1) You have no color with your background-color : .right-blog
Line : 91 (Level : 1) You have no color with your background-color : .left-blog-footer
Line : 98 (Level : 1) You have no color with your background-color : #footer
Line : 105 (Level : 1) You have no color with your background-color : #nav
Podcamp NYC April 25 & 26, 2008 wiki / Registrants::
http://jigsaw.w3.org.css-validator.or g>CSS Validation Service guys behind Unleashed, a weekly animated show about struggling animal actors in Hollywood.
http://podcampnyc.pbwiki.com/RegistrantsHOME |
my css attempt
* {
padding : 0;
margin : 0;
}
html, body {
margin : 0;
padding : 0;
}
body {
padding : 11px 4px 4px;
margin : 3px;
background-color : #000033;
color : #000000;
text-align : center;
font-family : verdana, arial, sans-serif, helvetica;
font-size : 12px;
}
#outer {
width : 800px;
margin-left : 0;
margin-right : 0;
text-align : left;
position : relative;
}
h1#header {
height : 195px;
width : 752px;
background : url(images/header3.jpg) no-repeat center top;
padding : 0 0 1px;
}
#left {
float : left;
width : 545px;
}
#right {
float : left;
width : 220px;
}
.left-blog {
Div Issues - GameDev.Net Discussion Forums::
Validation info: [url]http://validator.w3.org/check?uri=http%3A%2F%2Fwww. What Im still struggling with is vertically resizing divs to fit the entire
http://www.gamedev.net/community/forums/topic.asp?topic_id=517825HOME |
Slashdot | Web Standards Solutions::
that the perl hackers have explicitly blocked [w3.org] the W3C validation Secondly, there are a lot of situations where CSS has no bearing on the issue.
http://books.slashdot.org/books/04/09/30/180221.shtml?tid=156&tid=126&tid=95&tid=6HOME |
border : 1px solid #ff0000;
background-color : #fff;
margin : 2px 0 0;
font-weight : 100;
font-family : verdana, arial, sans-serif, helvetica;
}
.left-blog {
background-color : #ffffff;
}
.right-blog {
background : #ffffff;
padding : 2px 3px 3px;
margin : 2px 0 5px;
text-align : left;
font-weight : 500;
font-family : verdana, arial, sans-serif, helvetica;
}
.left-blog-header, .right-blog-header {
padding : 3px;
color : #000;
font-weight : 100;
text-align : center;
background : #999999;
border-bottom : 2px solid #000;
}
#content {
float : left;
border-top : 1px solid #999999;
border-right : 1px solid #999999;
border-bottom : 1px solid #999999;
}
.right-blog-header {
height : auto;
padding : 5px;
}
.left-blog-footer {
border-top : 1px solid #000;
height : 14px;
background-color : #999999;
}
#footer {
clear : both;
height : 40px;
border-top : 1px solid #000;
background : #999999;
}
p {
margin : 0 0 0.5em;
padding : 0 5px;
}
#nav {
background : #000033;
position : fixed;
width : 754px;
border-style : solid;
border-color : #999999;
border-width : 2px 3px;
margin : 5px 1px;
}
#nav ul {
padding-left : 10px;
margin-left : 0;
}
#nav ul li {
display : inline;
}
#nav ul li a {
padding-left : 21px;
padding-right : 10px;
background : #000;
color : #f60c0b;
font-weight : bold;
text-decoration : none;
float : left;
font-size : 12px;
}
Easy, add
color: #000;
(or whatever colour text you want) to the offending exerpts, that will eliminate all of those errors.
PLUS: It's my birthday! :P
I think it's telling you that you have a background specified but that you don't have color as in the font color specified. i.e. background-color: #000000; color: #ffffff
By Golly Ruth you were right!!!! As soon as I added a font color value to those sections the warning messages went away.
PhecoticDude was also correct. His answer was so simple I didn't understand it. (red faced here) Thank you both very much for your help. :)
Regards
Grey-1
First off, Happy Birthday to you and thank you for replying.
The problem seems to lie in the content boxs named left-blog right-blog blog header areas which hold content text. The overall background of the page body is dark blue. Im wanting the content areas to have a white background and it shows on my browser but css validation not passing. Still confused sorry. :)
Thank and any further help is appreciated.
Regards
Grey
The code below is for the main body color and is working great
body {
padding : 11px 4px 4px;
margin : 3px;
background-color : #000033;
color : #000000;
text-align : center;
font-family : verdana, arial, sans-serif, helvetica;
font-size : 12px;
.left-blog {
border : 1px solid #ff0000;
background-color : #fff;
margin : 2px 0 0;
font-weight : 100;
font-family : verdana, arial, sans-serif, helvetica;
}
.right-blog {
background : #ffffff;
padding : 2px 3px 3px;
margin : 2px 0 5px;
text-align : left;
font-weight : 500;
font-family : verdana, arial, sans-serif, helvetica;
}
}
Heh, don't worry, sorry for not making myself clear :P
 Red Hat's Rough Recovery From CFO Exit
 Windows Live Finds a New, Pre-installed Home
|
HOME