A bit more trouble with CSS

robfenn's picture

He has: 471 posts

Joined: Jun 2005

I have having trouble with this styesheet:

http://www.plansmotorsport.com/seo-style.css

Specifically with the 'p.red' which doesn't work. The CSS validator spots a problem, but i don't actually get what it is? Shocked

http://jigsaw.w3.org/css-validator/validator?text=h1+%7Bfont-family%3A+arial%3B+font-size%3A+16px%3B+color%3A+%23000000%3B+text-decoration%3A+none%3B+text-align%3A+justify%7D%0D%0Ah1+a%3Alink+%7Bcolor%3A+%23000000%3B+text-decoration%3A+none%3B%7D+%0D%0Ah1+a%3Avisited+%7Bcolor%3A+%23000000%3B+text-decoration%3A+none%3B%7D%0D%0Ah1+a%3Ahover+%7Btext-decoration%3A+underline%3B+color%3A+%23000000%7D%0D%0Ah1+a%3Aactive+%7Bcolor%3A+%23000000%3Btext-decoration%3A+none%3B%7D%0D%0A%0D%0Ap+%7Bfont-family%3A+arial%3B+font-size%3A+11px%3B+color%3A+%23646464%3B+text-decoration%3A+none%3B+text-align%3A+justify%3B%7D%0D%0Ap+a%3Alink+%7Bcolor%3A+%23646464%3B+text-decoration%3A+none%3B%7D+%0D%0Ap+a%3Avisited+%7Bcolor%3A+%23646464%3B+text-decoration%3A+none%3B%7D%0D%0Ap+a%3Ahover+%7Btext-decoration%3A+underline%3B+color%3A+%23FF1100%7D%0D%0Ap+a%3Aactive+%7Bcolor%3A+%23646464%3Btext-decoration%3A+none%3B%7D%0D%0A%0D%0Ap.menu+%7Bfont-family%3A+arial%3B+font-size%3A+12px%3B+color%3A+%23000000+%3B+text-decoration%3A+none%3B+text-align%3A+center%3B+font-weight%3Abold%7D%0D%0Ap.menu+a%3Alink+%7Bcolor%3A+%23000000+%3B+text-decoration%3A+none%3B%7D+%0D%0Ap.menu+a%3Avisited+%7Bcolor%3A+%23000000+%3B+text-decoration%3A+none%3B%7D%0D%0Ap.menu+a%3Ahover+%7Btext-decoration%3A+none%3B+color%3A+%23000000%3B%7D%0D%0Ap.menu+a%3Aactive+%7Bcolor%3A+%23000000+%3Btext-decoration%3A+none%3B%0D%0A%0D%0Ap.red+%7Bfont-family%3A+arial%3B+font-size%3A+11px%3B+color%3A+%23FF1100%3B+text-decoration%3A+none%3B+text-align%3A+justify%7D%0D%0Ap.red+a%3Alink+%7Bcolor%3A+%23FF1100%3B+text-decoration%3A+none%3B%7D+%0D%0Ap.red+a%3Avisited+%7Bcolor%3A+%23FF1100%3B+text-decoration%3A+none%3B%7D%0D%0Ap.red+a%3Ahover+%7Btext-decoration%3A+underline%3B+color%3A+%23FF1100%7D%0D%0Ap.red+a%3Aactive+%7Bcolor%3A+%23FF1100%3B+text-decoration%3A+none%3B%7D%0D%0A%0D%0Ap.title+%7Bfont-family%3A+arial%3B+font-size%3A+12px%3B+color%3A+%23FF1100%3B+text-decoration%3A+none%3B+text-align%3A+justify%3B+font-weight%3Abold%7D%0D%0Ap.title+a%3Alink+%7Bcolor%3A+%23FF1100%3B+text-decoration%3A+none%3B%7D+%0D%0Ap.title+a%3Avisited+%7Bcolor%3A+%23FF1100%3B+text-decoration%3A+none%3B%7D%0D%0Ap.title+a%3Ahover+%7Bcolor%3A+%23FF1100%3B+text-decoration%3A+underline%3B+%7D%0D%0Ap.title+a%3Aactive+%7Bcolor%3A+%23FF1100%3Btext-decoration%3A+none%3B%7D%0D%0A%0D%0Ap.sub+%7Bfont-family%3A+arial%3B+font-size%3A+12px%3B+color%3A+%23FF1100%3B+text-decoration%3A+none%3B+text-align%3A+justify%7D%0D%0Ap.sub+a%3Alink+%7Bcolor%3A+%23FF6101%3B+text-decoration%3A+none%3B%7D+%0D%0Ap.sub+a%3Avisited+%7Bcolor%3A+%23FF6101%3B+text-decoration%3A+none%3B%7D%0D%0Ap.sub+a%3Ahover+%7Btext-decoration%3A+underline%3B+color%3A+%23FF6101%7D%0D%0Ap.sub+a%3Aactive+%7Bcolor%3A+%23FF6101%3Btext-decoration%3A+none%3B%7D%0D%0A%0D%0Atd+%7Bfont-family%3A+arial%3B+font-size%3A+8pt%3B+color%3A+%23646464+%3B+text-align%3A+justify%7D%0D%0Ainput+%7Bfont-family%3A+arial%3B+font-size%3A+8pt%3B+color%3A+%23646464%3B+text-align%3A+justify%7D%0D%0Aselect+%7Bfont-family%3A+arial%3B+font-size%3A+8pt%3B+color%3A+%23646464%3B+text-align%3A+justify%7D%0D%0A%0D%0Abody+%7B+%0D%0Amargin%3A+0px%3B%0D%0Apadding%3A+0px%3B%0D%0Abackground-color%3A+%23FFFFFF%0D%0A%7D&usermedium=all

Can you help please! Sticking out tongue

demonhale's picture

He has: 3,278 posts

Joined: May 2005

the warning...

you lack the semi-colon.... (the one in bold)

p.red {font-family: arial; font-size: 11px; color: #FF1100; text-decoration: none; text-align: justify;}

Check it out

demonhale's picture

He has: 3,278 posts

Joined: May 2005

and this line lacks a curly bracket... (the one above the p.red)

p.menu a:active {color: #000000 ;text-decoration: none;}

demonhale's picture

He has: 3,278 posts

Joined: May 2005

no simicolons on the following....

p.sub {font-family: arial; font-size: 12px; color: #FF1100; text-decoration: none; text-align: justify}

and the group...

td {font-family: arial; font-size: 8pt; color: #646464 ; text-align: justify}
input {font-family: arial; font-size: 8pt; color: #646464; text-align: justify}
select {font-family: arial; font-size: 8pt; color: #646464; text-align: justify}
textarea {font-family: arial; font-size: 8pt; color: #646464; text-align: justify}

robfenn's picture

He has: 471 posts

Joined: Jun 2005

Thanks Demon, you have a good eye!

demonhale's picture

He has: 3,278 posts

Joined: May 2005

your welcome, check the minor errors out and feel free to post any problems with your css afterwards...

oh and the last one, the background tag has no simicolon too...

body {
margin: 0px;
padding: 0px;
background-color: #FFFFFF (semicolon here)
}

robfenn's picture

He has: 471 posts

Joined: Jun 2005

All working nice now Smiling

demonhale's picture

He has: 3,278 posts

Joined: May 2005

thats good to know...

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.