CSS syntax errors at website

Having issues using the CentOS WebSite? Then describe your problem(s) here. Please include details of your platform (Linux, Mac, Windows) and browser -- not forgetting the versions of each.
Post Reply
fhj52
Posts: 35
Joined: 2006/01/19 13:52:23

CSS syntax errors at website

Post by fhj52 » 2006/02/08 06:32:43

This is just one example:
CSS - http://www.centos.org/themes/centos/style.css
Declaration syntax error
#background-image: url('images/btn_bullet.gif');

Everywhere there is a # in the CSS style sheet there is, supposedly, a syntax error showing in Opera and everywhere there is a syntax error, the function does not work.
IOW, [i]none[/i] of the drop down menus drop down with options.( Happens with Opera 8.5 and 9.0TP2 ) => So navigation at the CentOS site is impossible.

I loaded the style sheet into nedit and it complains too... so, probably, it needs to be fixed.
Yes?

And, BTW, this forum hates Firefox, although Firefox lets the CSS syntax errors slide...:)

fhj52
Posts: 35
Joined: 2006/01/19 13:52:23

Re: CSS syntax errors at website

Post by fhj52 » 2006/02/08 17:09:14

Here's some more detailed info.

W3C CSS Validator Results for http://www.centos.org/themes/centos/style.css :

[b]Errors[/b]
URI : http://www.centos.org/themes/centos/style.css
Line: 604 Context : .loginlink

Parse Error - #background-image: url('images/btn_bullet.gif');

Line: 609

Parse Error - : no-repeat; background-position: left; padding-left: 10px; } .button

Line: 632 Context : .forum

Parse Error - #background-image: url('menu4_bar.gif');

Line: 633 Context : .forum

Parse error - Unrecognized : }

Line: 679 Context : .downhead

Parse Error - #background-image: url('images/menu2_bar.gif');

Line: 683

Parse Error - : #FFFFFF; padding: 5px; } .downloadsvaki


[b]Warnings[/b]

(TOO many to list)

RE: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.centos.org%2Fthemes%2Fcentos%2Fstyle.css+&usermedium=all
---

W3C CSS Validator Results for http://www.centos.org/modules/newbb/newbb.css

To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.
Errors
URI : http://www.centos.org/modules/newbb/newbb.css
Line: 18 Context : body

Property behavior doesn't exist : url("include/newbb.htc")
Line: 21 Context : img

Property behavior doesn't exist : url("include/pngbehavior.htc")
Line: 73 Context : .newbb_link

Parse Error - !important;
Line: 78

Parse Error - : bold; width: 100%; text-align: left; } li>.newbb_link
Line: 88 Context : .newbb_link:hover

Parse Error - !important;
Line: 89 Context : .newbb_link:hover

Parse error - Unrecognized : }
Warnings
URI : http://www.centos.org/modules/newbb/newbb.css
Line : 5 (Level : 1) This property applies to block-level elements. : div.karma
Line : 37 (Level : 2) Redefinition of border-left-width : ul.newbb_level3
Line : 37 (Level : 2) Redefinition of border-bottom-width : ul.newbb_level3
Line : 37 (Level : 2) Redefinition of border-left-width : ul.newbb_level1
Line : 37 (Level : 2) Redefinition of border-top-width : ul.newbb_level1
Line : 37 (Level : 2) Redefinition of border-right-width : ul.newbb_level3
Line : 37 (Level : 2) Redefinition of border-right-width : ul.newbb_level1
Line : 37 (Level : 2) Redefinition of border-right-width : ul.newbb_level2
Line : 37 (Level : 2) Redefinition of border-bottom-width : ul.newbb_level2
Line : 37 (Level : 2) Redefinition of border-bottom-width : ul.newbb_level1
Line : 37 (Level : 2) Redefinition of border-left-width : ul.newbb_level2
Line : 37 (Level : 2) Redefinition of border-top-width : ul.newbb_level2
Line : 37 (Level : 2) Redefinition of border-top-width : ul.newbb_level3
Line : 38 (Level : 1) You have no color with your background-color : ul.newbb_level3
Line : 38 (Level : 1) You have no color with your background-color : ul.newbb_level3
Line : 38 (Level : 1) You have no color with your background-color : ul.newbb_level3
Line : 45 (Level : 2) Redefinition of padding-left : li.newbb_folder
Line : 46 (Level : 1) Same colors for background-color and border-right-color : li.newbb_folder
Line : 46 (Level : 1) Same colors for background-color and border-left-color : li.newbb_folder
Line : 46 (Level : 1) Same colors for background-color and border-top-color : li.newbb_folder
Line : 82 (Level : 1) You have no color with your background-color : li link.newbb_submenu

RE: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.centos.org%2Fmodules%2Fnewbb%2Fnewbb.css+&usermedium=all
---

fhj52
Posts: 35
Joined: 2006/01/19 13:52:23

Re: CSS syntax errors at website

Post by fhj52 » 2006/02/26 19:33:22

[b]Thanks[/b] to Mr. Hughes this has improved and works much better!
Not quite valid yet so here's an update:

W3C CSS Validator Results for http://www.centos.org/modules/newbb/newbb.css

To work as intended, your CSS style sheet needs a correct document parse tree.
This means you should use [url=http://validator.w3.org/]valid HTML[/url].

[color=990000][b]Errors[/b][/color]
URI : http://www.centos.org/modules/newbb/newbb.css

Line: 18 Context : body
[i][u]Property behavior doesn't exist[/u] : url("include/newbb.htc") [/i]

Line: 21 Context : img
[i][u]Property behavior doesn't exist[/u] : url("include/pngbehavior.htc") [/i]

Line: 88 Context : .newbb_link:hover
[i]Invalid number : [u]color[/u] orange is not a color value : orange [/i]

( [u]Note[/u]: If you must use "orange" use
[b]color: rgb(255,125,0)[/b]
FYI:
This property describes the foreground color of an element's text content.
There are different ways to specify red:
EM { color: red } /* predefined color name */
EM { color: rgb(255,0,0) } /* RGB range 0-255 */

)

[color=0000FF][b]Warnings[/b][/color]
URI : http://www.centos.org/modules/newbb/newbb.css

Line : 37 (Level : 2) Redefinition of border-left-width : ul.newbb_level3
Line : 37 (Level : 2) Redefinition of border-top-width : ul.newbb_level1
Line : 37 (Level : 2) Redefinition of border-bottom-width : ul.newbb_level3
Line : 37 (Level : 2) Redefinition of border-left-width : ul.newbb_level1
Line : 37 (Level : 2) Redefinition of border-right-width : ul.newbb_level3
Line : 37 (Level : 2) Redefinition of border-right-width : ul.newbb_level1
Line : 37 (Level : 2) Redefinition of border-right-width : ul.newbb_level2
Line : 37 (Level : 2) Redefinition of border-bottom-width : ul.newbb_level1
Line : 37 (Level : 2) Redefinition of border-bottom-width : ul.newbb_level2
Line : 37 (Level : 2) Redefinition of border-top-width : ul.newbb_level2
Line : 37 (Level : 2) Redefinition of border-top-width : ul.newbb_level3
Line : 37 (Level : 2) Redefinition of border-left-width : ul.newbb_level2
Line : 38 (Level : 1) You have no color with your background-color : ul.newbb_level3
Line : 38 (Level : 1) You have no color with your background-color : ul.newbb_level3
Line : 38 (Level : 1) You have no color with your background-color : ul.newbb_level3
Line : 45 (Level : 2) Redefinition of padding-left : li.newbb_folder
Line : 46 (Level : 1) Same colors for background-color and border-top-color : li.newbb_folder
Line : 46 (Level : 1) Same colors for background-color and border-left-color : li.newbb_folder
Line : 46 (Level : 1) Same colors for background-color and border-right-color : li.newbb_folder
Line : 73 (Level : 1) You have no background-color with your color : .newbb_link
Line : 82 (Level : 1) You have no color with your background-color : li link.newbb_submenu

Thanks, again, for making the fixes.

Post Reply