CSS Validation - Page 1 - Post ID 212426

May 10th, 2013 at 03:19 AM
User 2210454 Photo

Fabled_Alpaca .
Registered User
231 posts

Hey,

Can anyone work out how to get this CSS sheet to validate with no errors? I am racking my brain. :(

http://www.johncarrolldesigns.co.uk/sty … efault.css

Any help will be appreciated.

Thanks
Simon,
“If what you’re doing is not your passion, you have nothing to lose.”
May 10th, 2013 at 03:28 AM
User 122279 Photo

Inger
Senior Advisor
14,616 posts
Online Now

It seems that you are using css3 rules in a css2 file. Things like rounded corners, rgba values, transitions came in css3
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
May 10th, 2013 at 03:59 AM
User 122279 Photo

Inger
Senior Advisor
14,616 posts
Online Now

Addendum:
The above was written after trying to validate the style sheet online.

I downloaded it, opened it in the Editor and validated it from within the editor, and it says css3. It found 2 errors. Check line 470 and line 476.


Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
May 10th, 2013 at 04:07 AM
User 2210454 Photo

Fabled_Alpaca .
Registered User
231 posts

Hi Inger.

I've looked at those lines and I can't see the issue. I assume it is something silly I am missing.
Simon,
“If what you’re doing is not your passion, you have nothing to lose.”
May 10th, 2013 at 04:45 AM
User 1948478 Photo

Per
Senior Advisor
1,850 posts

Line 470: width: 43%..75%; (choose one or the other of the percentages ;) )

If you correct line 470, which is pretty straight-forward, I suspect that the other error might just disappear. It looks like the errors are related because of the two extraneous dots between the percentages. A new "class" is kind of defined by ".75%" and this may confuse the validation.
Per
www.mingas.com
May 10th, 2013 at 04:51 AM
User 1948478 Photo

Per
Senior Advisor
1,850 posts

On a completely different note, you may want to give Eric Meyer some credit for the resets at the top of the style sheet. Check out http://meyerweb.com/eric/tools/css/reset/ for the suggested blurb. ;)
Per
www.mingas.com
May 10th, 2013 at 05:17 AM
User 2210454 Photo

Fabled_Alpaca .
Registered User
231 posts

Per wrote:
Line 470: width: 43%..75%; (choose one or the other of the percentages ;) )

If you correct line 470, which is pretty straight-forward, I suspect that the other error might just disappear. It looks like the errors are related because of the two extraneous dots between the percentages. A new "class" is kind of defined by ".75%" and this may confuse the validation.


If I remove one of the percentages then it messes up that div class. The alignment goes all wrong.
Simon,
“If what you’re doing is not your passion, you have nothing to lose.”
May 10th, 2013 at 05:21 AM
User 2210454 Photo

Fabled_Alpaca .
Registered User
231 posts

Per wrote:
On a completely different note, you may want to give Eric Meyer some credit for the resets at the top of the style sheet. Check out http://meyerweb.com/eric/tools/css/reset/ for the suggested blurb. ;)


Done
Simon,
“If what you’re doing is not your passion, you have nothing to lose.”
May 10th, 2013 at 05:26 AM
User 2210454 Photo

Fabled_Alpaca .
Registered User
231 posts

Right, I have removed one of the '.' from line 472. The validator now says;

"472 .colwide Value Error : width Too many values or values are not recognized : 43% 0.75%"

The CSS code is:
470: .colwide {
471: float: right;
472: width: 43%.75%;
473: border: none;
474: padding-right:2.08333333%;
475: }
Simon,
“If what you’re doing is not your passion, you have nothing to lose.”
May 10th, 2013 at 05:49 AM
User 1948478 Photo

Per
Senior Advisor
1,850 posts

Simon Roadhouse wrote:
...If I remove one of the percentages then it messes up that div class. The alignment goes all wrong.

Looks like you've got a binary choice: Validation errors or a messed up div class. :)

Or, you would have to define your style declaration in some other way that avoids the double dots and double percentages...

BTW, if you'll forgive my ignorance, what does the double percentage mean and what is it supposed to do?
Per
www.mingas.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.