Click to See Complete Forum and Search --> : Validating CSS


David Harrison
06-21-2003, 03:37 PM
I validated a .html file with the W3C's (X)HTML validator and it passed for valid XHTML 1.1 strict. I was then allowed to display an image that said I had used valid XHTML 1.1 code.
Then I validated a .css file and it passed for valid CSS Level 2, however it didn't say anything about allowing me to display an image showing that I had used valid CSS. I was wondering whether this is a bug or not because the W3C have a valid CSS image on their pages, so does anyone know?

Greelmo
06-21-2003, 03:46 PM
I think that it's just a mess up. Do they even have an image for CSS? I've never seen one. I think that since CSS is part of an HTML document, all that matters is the display image of the valid html.

David Harrison
06-21-2003, 03:55 PM
Yeah, they do have an image for CSS, take a look at the bottom of this page:
http://jigsaw.w3.org/css-validator/

Charles
06-21-2003, 03:55 PM
<p>
<a href="http://jigsaw.w3.org/css-validator/">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!">
</a>
</p>

Are you certain that you passed?

David Harrison
06-21-2003, 03:58 PM
Yeah it said that there was "No error or warning found", if you want to look at the content's of the file, here they are:

a{color:#000;text-decoration:underline;background-color:transparent;}
div{font-family:'Lucida Handwriting','Verdana',sans-serif;font-size:12pt;font-weight:bold;color:#000;background-color:transparent;position:absolute;}
.t{top:10px;left:214px;font-size:16pt;}
.b{top:280px;left:10px;}

not much to it, but it's valid.

David Harrison
06-21-2003, 04:02 PM
Thanks for the code charles but, I hope you'll understand when I say that I'd rather have the code given to me by the W3C. If I was desperate I could always "nick" the code from their site.

Charles
06-21-2003, 04:09 PM
From the CSS2 Specification
4.3.6 Colors
A <color> is either a keyword or a numerical RGB specification.

The list of keyword color names is: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. These 16 colors are defined in HTML 4.0 ([HTML40]). In addition to these color keywords, users may specify keywords that correspond to the colors used by certain objects in the user's environment. Please consult the section on system colors for more information.
http://www.w3.org/TR/REC-CSS2/syndata.html#color-unitsibid
ActiveBorder
&nbsp;&nbsp;Active window border.
ActiveCaption
&nbsp;&nbsp;Active window caption.
AppWorkspace
&nbsp;&nbsp;Background color of multiple document interface.
Background
&nbsp;&nbsp;Desktop background.
ButtonFace
&nbsp;&nbsp;Face color for three-dimensional display elements.
ButtonHighlight
&nbsp;&nbsp;Dark shadow for three-dimensional display elements (for edges facing away from the light source).
ButtonShadow
&nbsp;&nbsp;Shadow color for three-dimensional display elements.
ButtonText
&nbsp;&nbsp;Text on push buttons.
CaptionText
&nbsp;&nbsp;Text in caption, size box, and scrollbar arrow box.
GrayText
&nbsp;&nbsp;Grayed (disabled) text. This color is set to #000 if the current display driver does not support a solid gray color.
Highlight
&nbsp;&nbsp;Item(s) selected in a control.
HighlightText
&nbsp;&nbsp;Text of item(s) selected in a control.
InactiveBorder
&nbsp;&nbsp;Inactive window border.
InactiveCaption
&nbsp;&nbsp;Inactive window caption.
InactiveCaptionText
&nbsp;&nbsp;Color of text in an inactive caption.
InfoBackground
&nbsp;&nbsp;Background color for tooltip controls.
InfoText
&nbsp;&nbsp;Text color for tooltip controls.
Menu
&nbsp;&nbsp;Menu background.
MenuText
&nbsp;&nbsp;Text in menus.
Scrollbar
&nbsp;&nbsp;Scroll bar gray area.
ThreeDDarkShadow
&nbsp;&nbsp;Dark shadow for three-dimensional display elements.
ThreeDFace
&nbsp;&nbsp;Face color for three-dimensional display elements.
ThreeDHighlight
&nbsp;&nbsp;Highlight color for three-dimensional display elements.
ThreeDLightShadow
&nbsp;&nbsp;Light color for three-dimensional display elements (for edges facing the light source).
ThreeDShadow
&nbsp;&nbsp;Dark shadow for three-dimensional display elements.
Window
&nbsp;&nbsp;Window background.
WindowFrame
&nbsp;&nbsp;Window frame.
WindowText
&nbsp;&nbsp;Text in windows.
http://www.w3.org/TR/REC-CSS2/ui.html#system-colorsI don't see any reference to "transparent" there.

David Harrison
06-21-2003, 04:12 PM
So why is it then that it doesn't recognize it as an error? And if it isn't correct then what can I replace transparent with?

Charles
06-21-2003, 04:17 PM
Beats me. But if you upload a valid file you don't seem to get the icon. Try validating from a URL.

David Harrison
06-21-2003, 04:22 PM
Seems to work from a URL, that's a bit weird. Although if transparent isn't technically valid then is there anything that would do a similar job, perhaps inherit?

Charles
06-21-2003, 04:26 PM
From the Blues Brothers
What do you for nothing, rubber biscuit?

David Harrison
06-21-2003, 04:32 PM
OK, I've thought about that for a while now and I still don't know what you mean.

Charles
06-21-2003, 05:21 PM
So there are a few bugs, it's not like the W3C took your money. At least I hope not, full membership in the W3C will run you $57,500 USD http://www.w3.org/Consortium/Prospectus/Joining.

The full lyrics from that song are:Bow bow bow...


(Um, do that again)


Bow bow bow...


Have you ever heard of a wish sandwich? A wish sandwich is the kind of a sandwich where you have two slices of bread and you, hee hee hee, wish you had some meat...


Bow bow bow...


Ummm... the other day I had a ricochet biscuit. A ricochet biscuit is the kind of a biscuit that's supposed to bounce back off the wall into your mouth. If it don't bounce back... you go hungry!

Bow bow bow...


Umm, umm, umm... the other day I had a cool water sandwich and a Sunday-go-to-meetin' bun...

Bow bow bow...


Hee hee hee hee... What da ya want for nothing? ... a rubber biscuit?

Bow bow bow...It's somehow not the same without the back up band.