12 replies [Last post]
IanCube
IanCube's picture
Offline
Regular
NY
Last seen: 16 years 7 weeks ago
NY
Timezone: GMT+5
Joined: 2004-08-09
Posts: 19
Points: -1

After running the validator on my site, I've gotten the following errors. If anyone could help me fix these, and get this site as compatible as possible that would be awesome. Attached is the report file I exported from the vaidator in Dreamweaver MX 2004, below is the report from the W3C website's validator.

Quote:
Errors
URI : http://www.xgia.net
Line: 14 Context : .transparentBG
attempt to find a semi-colon before the property name. add it

Line: 14 Context : .transparentBG
Property progid doesn't exist : DXImageTransform

Line: 14 Context : .transparentBG
Parse Error - DXImageTransform.Microsoft.Alpha(opacity=50)}

Line: 14 Context : .\3555555BG
In CSS1, a class name could start with a digit (".55ft"), unless it was a dimension (".55in"). In CSS2, such classes are parsed as unknown dimensions (to allow for future additions of new units) : To make ".555555BG" a valid class, CSS2 requires the first digit to be escaped (".\3555555BG")

Line: 14 Context : .darkGradientBG
attempt to find a semi-colon before the property name. add it

Line: 14 Context : .darkGradientBG
Property progid doesn't exist : DXImageTransform

Line: 14 Context : .darkGradientBG
Parse Error - DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#8E8C8C', EndColorStr='#656463')}

Line: 14 Context : .pollIndentBG
Invalid number : border-color414040 is not a border-color value : #414040 414040 #abaaaa #abaaaa

Line: 14 Context : .titlemedium
Parse Error - ;487FB0 height: 24px;

Line: 14 Context : .subtitle a:link , .titlefoot a:link , .titlemedium a:visited , .subtitle a:visited , .titlefoot a:visited , .titlemedium a:active , .subtitle a:active , .titlefoot a:active
Parse Error - : #444444; background-image:url (http://boards.xgia.net/style_images/1/tile_sub.gif)} .titlemedium a:link

Thanks a ton to everyone in advance who even attempts to help.

co2
co2's picture
Offline
Leader
UK
Last seen: 12 years 24 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

CSS Validator Error Help

Haven't looked at your CSS, but can tell some of the issues your facing.

Basically, if you are trying to validate against W3C standards, the proprietary Microsoft code is going to have to go. This code is not W3C standard.

Also, the rest of the errors seem to be basic typo's. Such as not adding a ';' in the correct place in ';487FB0 height: 24px' should be '487FB0; height: 24px'.

I would suggest you brush up on the grammar of CSS, this'll help you clean it up by hand, and get it validated. Try http://www.w3schools.com for a CSS tutorial.

Smile

The next sentence is true. The previous sentence is false. Discuss...

IanCube
IanCube's picture
Offline
Regular
NY
Last seen: 16 years 7 weeks ago
NY
Timezone: GMT+5
Joined: 2004-08-09
Posts: 19
Points: -1

CSS Validator Error Help

Thanks a lot, that should help me out a bit, but as far as changing the Microsoft proprietary stuff, I still need specific help on how to convert my current stuff out of that.

Thanks again!

IanCube
IanCube's picture
Offline
Regular
NY
Last seen: 16 years 7 weeks ago
NY
Timezone: GMT+5
Joined: 2004-08-09
Posts: 19
Points: -1

CSS Validator Error Help

I've also just got the following response on another forum, maybe someone can double check this and see if there is anything else I could do.

Also I've run into a bit of a problem now, I've got all these specific things to edit and change, but I don't know what file exactly this information is in to actually edit! :? Our sites in PHP if that helps.

Thanks,

Pixelpyro
Offline
Regular
London, UK
Last seen: 16 years 23 weeks ago
London, UK
Joined: 2004-04-20
Posts: 41
Points: 0

CSS Validator Error Help

I think co 2 has given you a good stating point there, you'd be amazed how many errors you can get form single misspellings or a missing ; or #.

I would also consider having your styles within an external style sheet and linking to it rather then in each page. It will reduce your file sizes and makes site wide changes FAR easier...

PP

IanCube
IanCube's picture
Offline
Regular
NY
Last seen: 16 years 7 weeks ago
NY
Timezone: GMT+5
Joined: 2004-08-09
Posts: 19
Points: -1

CSS Validator Error Help

okay i did that and now im working on the errors one by one...

http://www.xgia.net/CSS/main_style.css

IanCube
IanCube's picture
Offline
Regular
NY
Last seen: 16 years 7 weeks ago
NY
Timezone: GMT+5
Joined: 2004-08-09
Posts: 19
Points: -1

CSS Validator Error Help

Here is where we are currently at now after fixing some errors. I made an external style sheet like someone suggested to me, that all my CSS is in.

Quote:
URI : http://www.xgia.net/CSS/main_style.css
Line: 0 Context : .transparentBG
attempt to find a semi-colon before the property name. add it

Line: 0 Context : .transparentBG
Property progid doesn't exist : DXImageTransform

Line: 0 Context : .transparentBG
Parse Error - DXImageTransform.Microsoft.Alpha(opacity=50)}

Line: 0 Context : .darkGradientBG
attempt to find a semi-colon before the property name. add it

Line: 0 Context : .darkGradientBG
Property progid doesn't exist : DXImageTransform

Line: 0 Context : .darkGradientBG
Parse Error - DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#8E8C8C', EndColorStr='#656463')}

IanCube
IanCube's picture
Offline
Regular
NY
Last seen: 16 years 7 weeks ago
NY
Timezone: GMT+5
Joined: 2004-08-09
Posts: 19
Points: -1

CSS Validator Error Help

Help would be very much appreciated!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 3 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

CSS Validator Error Help

Hi IanCube,
Filter is an IE only property, so using it in style sheets will stop them from validating.
Try commenting out all the filter styles and revalidating.

Hope that helps

IanCube
IanCube's picture
Offline
Regular
NY
Last seen: 16 years 7 weeks ago
NY
Timezone: GMT+5
Joined: 2004-08-09
Posts: 19
Points: -1

CSS Validator Error Help

And what exactly do you mean by commenting out?

Thanks,

Ian

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 37 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

CSS Validator Error Help

This is where it's confusing Ian as you have had some answers to the filter from myself and tony on the other topic you started.

Tony means by Commenting out using in /* before the rule and */ at the end of it to stop the line being parsed, the validator will ignore the line but as has been said on the other topic these MS effects will throw the validator anyway which is why I said you need to deside whether you want valid code or MS effects or you could put all the MS CSS in a seperate style sheet and call it using the conditional comments method
(link provided for explanation)

http://www.quirksmode.org/css/condcom.html

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

IanCube
IanCube's picture
Offline
Regular
NY
Last seen: 16 years 7 weeks ago
NY
Timezone: GMT+5
Joined: 2004-08-09
Posts: 19
Points: -1

CSS Validator Error Help

Well I believe what I want is just a way to recode it so that it will be validated, I don't want to use MS code since its proprietary, but I need the new code to have the same effect obviously.

Thanks,

Ian

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 27 weeks 4 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

CSS Validator Error Help

I don't think you'll be able to.

Line: 0 Context : .transparentBG
attempt to find a semi-colon before the property name. add it

Try putting semi-colons after every declaration (even the ones at the end of the class)

example

a:hover { text-decoration:none; color: black }

should read

a:hover {
text-decoration: none;
color: black;
}

Verschwindende wrote:
  • CSS doesn't make pies