CSS validation

[VanessaJW]

I'm doing a site which has a gallery of photos on one of the pages, I've used lightbox for these, and it all works fine. My html all passes XHTML 1.0 Strict validation, but my CSS validation comes up with three errors:

165 * html #overlay Property progid doesn't exist : DXImageTransform

165 * html #overlay Parse Error - DXImageTransform.Microsoft.AlphaImageLoader(src="o verlay.png", sizingMethod="scale");

166 * html #overlay Parse error - Unrecognized }

They relate to the lightbox stuff, and I don't understand what those errors mean. Does anyone know what I can do to make it validate? I know it doesn't affect the actual function of it, but I just like everything to validate if possible

[christoefar]

Is it not just because that is not CSS, well at least not valid CSS.


I'm not sure but id say it was DHTML, nothing you can do about it, although it will work fine.

Correct me if i'm wrong!

__________
regards
christoefar

[VanessaJW]

Thanks for your reply Christoefar. Yes, I was thinking that it wasn't CSS too, but I just followed the lightbox instructions and stuck all the bits where it said to stick them (If you know what I mean!). I know you can hide certain things in certain ways so that they pass validation, but I don't know how to do that!

[christoefar]

Not used lightbox, I would try using

<!--

-->

To enclose the part that fails validation. Just a guess!!

__________
regards
christoefar

[christoefar]

Been reading about lightbox, it seams you can remove the "filter:" part of the CSS if you are not bothered about the shadow.

But other than that it won't validate.

__________
regards
christoefar

[VanessaJW]

Hmmm, I removed the filter bit as you suggested, and sure enough it passed validation - hurrah! Oddly though, it didn't seem to affect anything on the function of it when I viewed the site, so I don't really get what that bit was for. I kind of hate using a technique that I don't fully understand like this, but it's too cool not to!

Thanks mate

[christoefar]

Yer strange!
Maybe it is your browser?
The filter is supposed to be for the shadow, but looking at the examples on the site, shouldn't really matter as the shadow is minimal.

[karinne]

Don't remove anything!

If you CSS doesn't validate because of those "non-W3C properties" don't sweat it! It's no big deal.

[christoefar]

Depends if you like everything to validate :P

[karinne]

The validator has it's purposes - Importance of Validation

In this context tho ... you won't get people calling you a incompetent fool because your CSS doesn't validate with those properties in there

[christoefar]

Yes of cause, alot of the CSS I do doesn't validate, but it causes no major problems, so I just leave it.

[VanessaJW]

Well having recently finished a course where they told us everything HAD to validate, I'm coming at it from that angle, but I guess I'll have to learn to adjust to the real world a bit more!

[karinne]

Oh yes dear ... "real world" ... not the same AT ALL as "course world"

March to Your Own Standard - a bit extreme, but you get the point

[christoefar]

If it's possible to code and validate than that is the best choice, but some things can't be done without the odd validation error.
As long as your site is compatible with most browsers, then in my opinion it should be fine.

Obviously if your code is all over the place, with loads of errors, people that do have web design knowlege will notice.

[christoefar]

Was abit slow on the reply there! :P

[VanessaJW]

Originally Posted by karinne

March to Your Own Standard - a bit extreme, but you get the point

Thanks Karinne, that was an interesting read. I think of validation as being like a teacher marking my work, and I like to get full marks! But of course I do realise there's so much more to getting it right than just passing validation. I'll just be happy that the html validates then

[Ryan Fait]

I'm anal, so I like to see the soothing green colors of a validating page. I just cheat by using JavaScript to put in filter and opacity CSS styles.

[moojoo]

I bork my CSS validation all the time to use something like a .htc file to make crap IE understand the psuedo class :focus etc.. Argh!