I seem to be getting an error with this stylesheet when I try to validate: <!-- m --><a class="postlink" href="http://www.rickbull.co.uk/tutorials/default.css">http://www.rickbull.co.uk/tutorials/default.css</a><!-- m -->
it tells me that there is an error with the line border-right:3px solid #666; (in the @media projection section), and that it contains an empty string. Is this a validator error, or have I made a mistake?I actually replied to this in VBForums.
There doesn't appear to be any problems with it from what I can see... there's no reason why it shouldn't work for border-right but work for the others. I did find a bit of cheat way round it...
<!-- w --><a class="postlink" href="http://www.geocities.com/punkpie_uk/rick.cssWeird">www.geocities.com/punkpie_uk/rick.cssWeird</a><!-- w -->, looks right to me.
Perhaps there is some hidden character in there that messes it up?OK thanks guys, and good idea Lee.
I don't think it's the character thing Stefan, because I tried retyping the whole line, and the same thing. Maybe it's a validator bug.Originally posted by Rick Bull
Maybe it's a validator bug.
Try mailing the guys on the maillist and see what they say. If it's a bug they might not now about it yet and it certainly should be fixed
The problem is your hexadecimal number (#666) is not valid. It must be six digits only. Hope that helps!Three didget colors are fine. See <!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS1#color-units">http://www.w3.org/TR/REC-CSS1#color-units</a><!-- m --> .Yeah it gets expanded to #666666, but thanks for the suggestion all the same
And I e-mailed the CSS Validator guys. Funnily enough I e-mailed them just a day or two ago about a bugI've just found out that if you remove the @media project bit the error disappears; no reason why I shouldn't have border-right for projection is there?not from anything I've ever read. Even if you change it from #666 to #666666 it stills brings up an error. Weird...
Add it to the mailing list.Rick it's nothing really to do with "border-right" alone, it's your CSS on the whole which the validator dislikes. For example copy-and-paste:
p {
border-top : 1px solid #ccc;
border-left : 1px solid #ccc;
border-right : 3px solid #666;
border-bottom : 3px solid #666;
padding : 1em;
}
I'd look more closely towards, "@media projection; the most important skill with CSS is to use /* */ to narrow down specific areas, did you really think the W3C would choke on: border-right : 3px solid #666; LOL.
Perhaps the W3C Validator gets things like:
p {font-family: Times New Roman, serif;}
wrong since it should be:
p {font-family: "Times New Roman", serif;}
So if you want to tell them of that bug go ahead.
The other solution would to be use an externally linked CSS file with the media type set within the XHTML code.But my CSS is valid right? Or can you see an error in it? If you mean it's a @media bug, and nothing to do with border-right I just find it funny that even if I move border-right up or down in the ordering, it still tells me there is an empty string.I just find it funny that even if I move border-right up or down in the ordering, it still tells me there is an empty string.
I agree.
I also agree with what robert is saying too though because I find it hard to believe the validator should fall over on something so simple as border-right, but I also can't see any reason why it should?
To be honest, I'd like to here their outcomeAccording to the w3c, projection is a paged media and in CSS2, which current browsers mostly, kinda, sorta, sometimes support, the border property does not apply.
Which means, IE simply ignores the rule and other browsers respect it. Pop in an @media screen and it should become consistent.
Find the details at: <!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/media.html">http://www.w3.org/TR/REC-CSS2/media.html</a><!-- m -->.
Yes it reads with all the excitement and drama of a techie standard.
drewSo you think it's an error in my code? Sounds like you are right from this sentence:
Note. In CSS2, the border properties and padding properties do not apply to pages; they may in the future.
Still odd that it only comes up with an error for the right border though.Yes, it is odd that only that border causes the erro message. But if it were easy, we'd all have to get real jobs.
drew
it tells me that there is an error with the line border-right:3px solid #666; (in the @media projection section), and that it contains an empty string. Is this a validator error, or have I made a mistake?I actually replied to this in VBForums.
There doesn't appear to be any problems with it from what I can see... there's no reason why it shouldn't work for border-right but work for the others. I did find a bit of cheat way round it...
<!-- w --><a class="postlink" href="http://www.geocities.com/punkpie_uk/rick.cssWeird">www.geocities.com/punkpie_uk/rick.cssWeird</a><!-- w -->, looks right to me.
Perhaps there is some hidden character in there that messes it up?OK thanks guys, and good idea Lee.
I don't think it's the character thing Stefan, because I tried retyping the whole line, and the same thing. Maybe it's a validator bug.Originally posted by Rick Bull
Maybe it's a validator bug.
Try mailing the guys on the maillist and see what they say. If it's a bug they might not now about it yet and it certainly should be fixed
The problem is your hexadecimal number (#666) is not valid. It must be six digits only. Hope that helps!Three didget colors are fine. See <!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS1#color-units">http://www.w3.org/TR/REC-CSS1#color-units</a><!-- m --> .Yeah it gets expanded to #666666, but thanks for the suggestion all the same And I e-mailed the CSS Validator guys. Funnily enough I e-mailed them just a day or two ago about a bugI've just found out that if you remove the @media project bit the error disappears; no reason why I shouldn't have border-right for projection is there?not from anything I've ever read. Even if you change it from #666 to #666666 it stills brings up an error. Weird...
Add it to the mailing list.Rick it's nothing really to do with "border-right" alone, it's your CSS on the whole which the validator dislikes. For example copy-and-paste:
p {
border-top : 1px solid #ccc;
border-left : 1px solid #ccc;
border-right : 3px solid #666;
border-bottom : 3px solid #666;
padding : 1em;
}
I'd look more closely towards, "@media projection; the most important skill with CSS is to use /* */ to narrow down specific areas, did you really think the W3C would choke on: border-right : 3px solid #666; LOL.
Perhaps the W3C Validator gets things like:
p {font-family: Times New Roman, serif;}
wrong since it should be:
p {font-family: "Times New Roman", serif;}
So if you want to tell them of that bug go ahead.
The other solution would to be use an externally linked CSS file with the media type set within the XHTML code.But my CSS is valid right? Or can you see an error in it? If you mean it's a @media bug, and nothing to do with border-right I just find it funny that even if I move border-right up or down in the ordering, it still tells me there is an empty string.
I just find it funny that even if I move border-right up or down in the ordering, it still tells me there is an empty string. I agree.
I also agree with what robert is saying too though because I find it hard to believe the validator should fall over on something so simple as border-right, but I also can't see any reason why it should?
To be honest, I'd like to here their outcome
According to the w3c, projection is a paged media and in CSS2, which current browsers mostly, kinda, sorta, sometimes support, the border property does not apply.Which means, IE simply ignores the rule and other browsers respect it. Pop in an @media screen and it should become consistent.
Find the details at: <!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/media.html">http://www.w3.org/TR/REC-CSS2/media.html</a><!-- m -->.
Yes it reads with all the excitement and drama of a techie standard.
drewSo you think it's an error in my code? Sounds like you are right from this sentence:
Note. In CSS2, the border properties and padding properties do not apply to pages; they may in the future.
Still odd that it only comes up with an error for the right border though.Yes, it is odd that only that border causes the erro message. But if it were easy, we'd all have to get real jobs.
drew