[SOLVED] CSS validation error

This is a discussion on "[SOLVED] CSS validation error" within the Web Page Design section. This forum, and the thread "[SOLVED] CSS validation error are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Aug 22nd, 2007, 09:56
SuperMember

SuperMember
Join Date: Jun 2007
Location: Northumberland, UK
Age: 45
Posts: 72
Thanks: 0
Thanked 0 Times in 0 Posts
[SOLVED] CSS validation error

Hi, i'm getting this validation error message for the css link below, they look and act ok. Anyone care to help please.

Value Error : font Parse Error - [empty string]

a.menub:link, a.menub:visited, a.menub:active { text-decoration : none;
color : #757575;}

a.menub:hover { text-decoration : underline;
color : #84354b;}

Thanks in advance,
Gary
__________________
Gary
Gladstone Websites
Reply With Quote

  #2 (permalink)  
Old Aug 22nd, 2007, 10:07
SuperMember

SuperMember
Join Date: May 2006
Location: North West, UK
Age: 22
Posts: 1,173
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS validation error

Post a link to your validation results please.

Pete.
Reply With Quote
  #3 (permalink)  
Old Aug 22nd, 2007, 10:12
SuperMember

SuperMember
Join Date: Jun 2007
Location: Northumberland, UK
Age: 45
Posts: 72
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS validation error

Sorry for seeming ignorant Pete, but how do i do that? the site is not live yet.
Thanks,
Gary
__________________
Gary
Gladstone Websites
Reply With Quote
  #4 (permalink)  
Old Aug 22nd, 2007, 12:18
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS validation error

Are you just validating the CSS?

Then paste your whole CSS file here in [ code ] ... [ /code ] tags.
Reply With Quote
  #5 (permalink)  
Old Aug 22nd, 2007, 13:04
SuperMember

SuperMember
Join Date: Jun 2007
Location: Northumberland, UK
Age: 45
Posts: 72
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS validation error

Yes Karinne, i check it every so often so as i know where i stand validation wise.

Anyway, heres the css:

Code: Select all
 
#wrap{ 
width:900px;
margin-left:auto; 
margin-right:auto;
}
body{
margin: 0; 
padding: 10px 0px 10px 0px; 
font:80% Verdana, Arial, Helvetica, sans-serif;
background:url(images/grad_bar.gif) repeat-x fixed; 
} 
p {margin:0px 5px 10px 5px; line-height:normal;}
h1 {font:130% Arial, Helvetica, sans-serif; 
margin:5px 5px 0px 5px;font-weight:bold;line-height:normal;}
h2 {font:120% Arial, Helvetica, sans-serif; 
margin:5px 5px 0px 5px;font-weight:bold;line-height:normal;}
h3 {font:110% Arial, Helvetica, sans-serif;
margin:5px 5px 0px 5px;font-weight:bold;line-height:normal;}
h4 {font: 90% Verdana, Arial, Helvetica, sans-serif; 
margin:5px 0px; font-weight:bold; padding-left:3px; color:#84354B; 
text-align:center; vertical-align: middle;}
ul {list-style-type:none; padding:0; margin:0;}
.menu_div {width:130px; height:225px;
margin-left:3px;
border-bottom:#84354b solid 1px;}
a.menu:link, a.menu:visited, a.menu:active {
text-decoration:none;
font: 90% Verdana, Arial, Helvetica, sans-serif;
display:block;
width:128px;
height:20px;
padding:5px 0px 0px 0px;
border: 1px #fff solid;
margin-top:2px;
color:#757575;
outline:none;
}
a.menu:hover{
text-decoration:none; 
color:#84354B; 
border:1px #ccc solid; 
height:20px; 
width:128px;
}
a.menub:link, a.menub:visited, a.menub:active{
text-decoration:none;
font:90%; 
color:#757575;
}
a.menub:hover{
text-decoration:underline;
font:100%;
color:#84354B;
}
#header{
height:200px;
width:900px;
background: url(images/gws_header.jpg) no-repeat;
}
#header_nav{
height:30px;
width:768px;
position: relative;
top: 170px;
left:0px;
}
.nav_div{width:128px; height:30px;
float:left;
}
#left_sidebar{width:150px;
float:left;
height:650px;
background: url(images/whitebkgd.jpg) repeat;
padding-top:20px;
text-align:center;
}
#right_sidebar{width:200px;
float:right;
height:660px;
background: url(images/whitebkgd.jpg) repeat;
padding-top:10px;
text-align:left;
font: 100% Verdana, Arial, Helvetica, sans-serif;
}
#content{width:550px;
float:left;
height:660px;
background: url(images/whitebkgd.jpg) repeat;
padding-top:10px;
}
#footer{
height:20px;
clear: both;
margin:0;
padding-top:10px;
background-color: #CCC;
}
a.rollover { 
display:block; 
width:128px; 
height:23px;
color:#FFF;
font:120% Arial, Helvetica, sans-serif;
font-weight:800;
text-decoration: none; 
text-align:center;
padding: 7px 0px 0px 0px;
background:url(images/dble_button2.jpg); 
} 
a.rollover:hover { 
background-position: -128px 0; 
} 
.img_screen{height:128px; width:128px; margin:5px 20px;}
.screen_div{
font: 80% Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color: #603;
width:175px;
margin-left:10px;
border:1px solid #999;
font-weight:normal;
}
.testim_div{
font:90% Arial, Helvetica, sans-serif;
text-align:left;
color: #666;
width:175px;
margin-top:10px;
margin-left:10px;
border:1px solid #999;
padding-top:5px;
}
__________________
Gary
Gladstone Websites
Reply With Quote
  #6 (permalink)  
Old Aug 22nd, 2007, 13:27
SuperMember

SuperMember
Join Date: Jun 2007
Location: uk
Posts: 459
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS validation error

Try this.

HTML: Select all
#wrap{ 
width:900px;
margin-left:auto; 
margin-right:auto;
}
body{
margin: 0; 
padding: 10px 0px 10px 0px; 
font:80% Verdana, Arial, Helvetica, sans-serif;
background:url(images/grad_bar.gif) repeat-x fixed; 
} 
p {margin:0px 5px 10px 5px; line-height:normal;}
h1 {font:130% Arial, Helvetica, sans-serif; 
margin:5px 5px 0px 5px;font-weight:bold;line-height:normal;}
h2 {font:120% Arial, Helvetica, sans-serif; 
margin:5px 5px 0px 5px;font-weight:bold;line-height:normal;}
h3 {font:110% Arial, Helvetica, sans-serif;
margin:5px 5px 0px 5px;font-weight:bold;line-height:normal;}
h4 {font: 90% Verdana, Arial, Helvetica, sans-serif; 
margin:5px 0px; font-weight:bold; padding-left:3px; color:#84354B; 
text-align:center; vertical-align: middle;}
ul {list-style-type:none; padding:0; margin:0;}
.menu_div {width:130px; height:225px;
margin-left:3px;
border-bottom:#84354b solid 1px;}
a.menu:link, a.menu:visited, a.menu:active {
text-decoration:none;
font: 90% Verdana, Arial, Helvetica, sans-serif;
display:block;
width:128px;
height:20px;
padding:5px 0px 0px 0px;
border: 1px #fff solid;
margin-top:2px;
color:#757575;
outline:none;
}
a.menu:hover{
text-decoration:none; 
color:#84354B; 
border:1px #ccc solid; 
height:20px; 
width:128px;
}
a.menub:link, a.menub:visited, a.menub:active{
font:90% Verdana, Arial, Helvetica, sans-serif; 
color:#757575;
}
a.menub:hover{
text-decoration:underline;
font:100% Verdana, Arial, Helvetica, sans-serif; 
color:#84354B;
}
#header{
height:200px;
width:900px;
background: url(images/gws_header.jpg) no-repeat;
}
#header_nav{
height:30px;
width:768px;
position: relative;
top: 170px;
left:0px;
}
.nav_div{width:128px; height:30px;
float:left;
}
#left_sidebar{width:150px;
float:left;
height:650px;
background: url(images/whitebkgd.jpg) repeat;
padding-top:20px;
text-align:center;
}
#right_sidebar{width:200px;
float:right;
height:660px;
background: url(images/whitebkgd.jpg) repeat;
padding-top:10px;
text-align:left;
font: 100% Verdana, Arial, Helvetica, sans-serif;
}
#content{width:550px;
float:left;
height:660px;
background: url(images/whitebkgd.jpg) repeat;
padding-top:10px;
}
#footer{
height:20px;
clear: both;
margin:0;
padding-top:10px;
background-color: #CCC;
}
a.rollover { 
display:block; 
width:128px; 
height:23px;
color:#FFF;
font:120% Arial, Helvetica, sans-serif;
font-weight:800;
text-decoration: none; 
text-align:center;
padding: 7px 0px 0px 0px;
background:url(images/dble_button2.jpg); 
} 
a.rollover:hover { 
background-position: -128px 0; 
} 
.img_screen{height:128px; width:128px; margin:5px 20px;}
.screen_div{
font: 80% Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color: #603;
width:175px;
margin-left:10px;
border:1px solid #999;
font-weight:normal;
}
.testim_div{
font:90% Arial, Helvetica, sans-serif;
text-align:left;
color: #666;
width:175px;
margin-top:10px;
margin-left:10px;
border:1px solid #999;
padding-top:5px;
}
a.menub:link, a.menub:visited, a.menub:active{
font:90% Verdana, Arial, Helvetica, sans-serif;
color:#757575;
}
a.menub:hover{
text-decoration:underline;
font:100% Verdana, Arial, Helvetica, sans-serif;
color:#84354B;

Last edited by dab42pat; Aug 22nd, 2007 at 13:28. Reason: oops forgot
Reply With Quote
  #7 (permalink)  
Old Aug 22nd, 2007, 14:44
SuperMember

SuperMember
Join Date: Jun 2007
Location: Northumberland, UK
Age: 45
Posts: 72
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS validation error

Thanks dab42pat,
Adding the font family did the trick but i thought it would of been inherited!!!.
Your reply brought to light that i had set the font size to 100% for hover, when it should of been set at 90%.

Thanks again,

Gary
__________________
Gary
Gladstone Websites
Reply With Quote
Reply

Tags
link css problem

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
validation error RZX Developer JavaScript Forum 1 Apr 14th, 2008 11:44
CSS validation error PicoDeath Web Page Design 1 Feb 4th, 2008 14:29
HTML validation error please help bean_2k1 Web Page Design 4 Feb 8th, 2006 12:19
Error in validation swetha Web Page Design 5 Jan 23rd, 2006 18:35
Validation error xhtmlsam Web Page Design 2 Apr 1st, 2004 20:22


All times are GMT. The time now is 00:37.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43