CSS validation HELP!!!

Guid0 · Nov 7, 2003

Hey fellas I'm pretty new to CSS and am having trouble getting my css to validate on the W3C CSS Validation Service

http://jigsaw.w3.org/css-validator/

could ya'll take a look at my css sheet and tell why i am having problems.

Code:

.topRedPSU {  
	background-color: #990000; 
	width:100%; height:24px;
}
.topYellowBar {  
	background-color: #FFCC00; 
	height: 1px;
}
.topBlackBar {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	background-color: #000000;
}
.whitelinks {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	text-decoration: none;
}
.arialFont {  
	font-family: Arial, Helvetica, sans-serif;
}
.smallfont {  
	font-size: 10pt;
}
.guslogo {  
	position:absolute; 
	left:9px; 
	top:-6px; 
	width:44px; 
	height:57px; 
	z-index:2;
}
.redBackground {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	background-color: #990000;
}
.tableCellPadding {  
	font-family: Arial, Helvetica, sans-serif; 
	padding-top: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px;
}
.bigBold {
	font-size: x-large;
	font-weight: bold;
}
.bold {  
	font-weight: bold;
}
.BigRed {
	font-family: Comic Sans MS;	
	font-size: 18pt;	
	font-weight: bolder;	
	color: #990000;
}
.boldRed {
	font-weight: bold;
	font-family: Comic Sans MS;
	color: #990000;
}

.bold {  
	font-weight: bold;
}
.uderline {
	text-decoration: underline;
}
.red {
	font-weight: bold;
	color: #990000;
}
body {  
	background-color: #FFFFFF; 
	margin-top: 0px; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	margin-left: 0px;
}
a.whitelinks:hover {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	text-decoration: underline overline; 
	background-color: #CCCCCC;
}
.italic {
	font-style: italic;
}
.LinkHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: ffffcc;
}
.SmallFontRed {
	font-size: 10pt;
	color: #990000;
}
.BlueLetter {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000066;
}

So far i have narrowd down that .BigRed and .boldRed
are throwing errors....

Thanx in advance, Jeff S.

Burning Phoenix · Nov 8, 2003

can you provide a link to the validation errors for the CSS and HTML provided by http://jigsaw.w3.org/css-validator/?

Guid0 · Nov 10, 2003

I cannot give you a link to the errors, but heres a copy paste of it.

Code:

W3C CSS Validator Results for file://localhost/D:\WWW\COMM\COMM_style.css
To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.

Errors
URI : file://localhost/D:\WWW\COMM\COMM_style.css
Line: 0 Context : .LinkHeading 
Invalid number : colorffffcc is not a color value : ffffcc 

Warnings
URI : file://localhost/D:\WWW\COMM\COMM_style.css
Line : 0 font-family: You are encouraged to offer a generic family as a last alternative
Valid CSS information
.topRedPSU {
background-color : #990000; 
width : 100%; 
height : 24px; 
} 
.topYellowBar {
background-color : #ffcc00; 
height : 1px; 
} 
.topBlackBar {
font-family : Arial, Helvetica, sans-serif; 
color : #ffffff; 
background-color : #000000; 
} 
.whitelinks {
font-family : Arial, Helvetica, sans-serif; 
color : #ffffff; 
text-decoration : none; 
} 
.arialFont {
font-family : Arial, Helvetica, sans-serif; 
} 
.smallfont {
font-size : 10pt; 
} 
.guslogo {
position : absolute; 
left : 9px; 
top : -6px; 
width : 44px; 
height : 57px; 
z-index : 2; 
} 
.redBackground {
font-family : Arial, Helvetica, sans-serif; 
color : #ffffff; 
background-color : #990000; 
} 
.tableCellPadding {
font-family : Arial, Helvetica, sans-serif; 
padding-top : 5px; 
padding-right : 5px; 
padding-bottom : 5px; 
padding-left : 5px; 
} 
.bigBold {
font-size : x-large; 
font-weight : bold; 
} 
.bold {
font-weight : bold; 
} 
.BigRed {
font-family : "Comic Sans MS"; 
font-size : 18pt; 
font-weight : bolder; 
color : #990000; 
} 
.boldRed {
font-weight : bold; 
font-family : "Comic Sans MS"; 
color : #990000; 
} 
.bold {
font-weight : bold; 
} 
.uderline {
text-decoration : underline; 
} 
.red {
font-weight : bold; 
color : #990000; 
} 
body {
background-color : #ffffff; 
margin-top : 0; 
margin-right : 10px; 
margin-bottom : 10px; 
margin-left : 0; 
} 
a.whitelinks:hover {
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
text-decoration : underline overline; 
background-color : #cccccc; 
} 
.italic {
font-style : italic; 
} 
.LinkHeading {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11pt; 
font-style : normal; 
line-height : normal; 
font-weight : normal; 
font-variant : normal; 
text-transform : none; 
} 
.SmallFontRed {
font-size : 10pt; 
color : #990000; 
} 
.BlueLetter {
font-family : Geneva, Arial, Helvetica, sans-serif; 
color : #000066; 
}

The web that it applies to is here http://www.pittstate.edu/comm/new/

Cowboy Shane · Nov 10, 2003

.LinkHeading {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11pt;

font-style: normal;

line-height: normal;

font-weight: normal;

font-variant: normal;

text-transform: none;

color: ffffcc;

}

Your error message should have pointed you to it, but regardless, you forgot the # before the color values:

color: ffffcc;

Guid0 · Nov 10, 2003

Thanx guys........dangit it's always something little and petty.......oh well.........thanx.

Cowboy Shane · Nov 10, 2003

As to the warning, add sans-serif to the big-red and bold-red font-family lines.

CSS validation HELP!!!

Guid0

Member

Burning Phoenix

Member

Guid0

Member

Cowboy Shane

Member

Guid0

Member

Cowboy Shane

Member

Similar threads