CSS web safe colours

K

Keith

On the W3schools site at http://www.w3schools.com/html/html_colors.asp it
lists 216 Cross Platform Colors. Yet when I CSS validated three colours
used from the range illustrated in this scroll bar:
body { scrollbar-face-color:000000; scrollbar-arrow-color:ffffff;
scrollbar-shadow-color:660000 }

I get:
Line: 7 Context : body
Property scrollbar-face-color doesn't exist : 0
Line: 7 Context : body
Property scrollbar-arrow-color doesn't exist : ffffff
Line: 7 Context : body
Property scrollbar-shadow-color doesn't exist : 660000

Can any one explain why they don't exist?
 
A

Adrienne

On the W3schools site at http://www.w3schools.com/html/html_colors.asp it
lists 216 Cross Platform Colors. Yet when I CSS validated three colours
used from the range illustrated in this scroll bar:
body { scrollbar-face-color:000000; scrollbar-arrow-color:ffffff;
scrollbar-shadow-color:660000 }

I get:
Line: 7 Context : body
Property scrollbar-face-color doesn't exist : 0
Line: 7 Context : body
Property scrollbar-arrow-color doesn't exist : ffffff
Line: 7 Context : body
Property scrollbar-shadow-color doesn't exist : 660000

Can any one explain why they don't exist?

It's not the color that doesn't exist, it's the property. Scrollbar-face-
color, etc., are MS proprietary.

I would suggest not using it, as a lot of people do not like it, and
depending on what the colors you are using, you can make it difficult for
visitors to use the scroll bar.
 
K

Keith

Adrienne said:
It's not the color that doesn't exist, it's the property. Scrollbar-face-
color, etc., are MS proprietary.
I would suggest not using it, as a lot of people do not like it, and
depending on what the colors you are using, you can make it difficult for
visitors to use the scroll bar.

Thank you Adrienne
 
B

Beauregard T. Shagnasty

Keith pounced upon this pigeonhole and pronounced:
On the W3schools site at http://www.w3schools.com/html/html_colors.asp it
lists 216 Cross Platform Colors. Yet when I CSS validated three colours
used from the range illustrated in this scroll bar:
body { scrollbar-face-color:000000; scrollbar-arrow-color:ffffff;
scrollbar-shadow-color:660000 }

I get:
Line: 7 Context : body
Property scrollbar-face-color doesn't exist : 0
Line: 7 Context : body
Property scrollbar-arrow-color doesn't exist : ffffff
Line: 7 Context : body
Property scrollbar-shadow-color doesn't exist : 660000

Can any one explain why they don't exist?

You didn't use the # with the color numbers?

body { scrollbar-face-color: #000000; scrollbar-arrow-color: #ffffff;
scrollbar-shadow-color: #660000 }

Since I have no desire to mess with my viewers' browsers and their chosen
desktop, I did not test this.
 
J

JT

Beauregard wrote in answer to:
Keith pounced upon this pigeonhole and pronounced:

You didn't use the # with the color numbers?

body { scrollbar-face-color: #000000; scrollbar-arrow-color: #ffffff;
scrollbar-shadow-color: #660000 }

I did try # before posting here, but I beleive Adrenne above has the correct
answer.
 
D

Denise Enck

Keith said:
On the W3schools site at http://www.w3schools.com/html/html_colors.asp it
lists 216 Cross Platform Colors. Yet when I CSS validated three colours
used from the range illustrated in this scroll bar:
body { scrollbar-face-color:000000; scrollbar-arrow-color:ffffff;
scrollbar-shadow-color:660000 }

I get:
Line: 7 Context : body
Property scrollbar-face-color doesn't exist : 0
Line: 7 Context : body
Property scrollbar-arrow-color doesn't exist : ffffff
Line: 7 Context : body
Property scrollbar-shadow-color doesn't exist : 660000

Can any one explain why they don't exist?

You need to preface the hex codes with #. Otherwise your CSS will not
validate.

Instead of scrollbar-arrow-color:ffffff;
use scrollbar-arrow-color: #ffffff;

but don't screw with your visitors' scrollbars, it makes a very poor
impression and folks will get ticked off and leave.

best,
Denise
 
T

Toby A Inkster

Keith said:

The web safe colours are a historial amusement, and not something that
needs to be paid attention to nowadays.

They are only relevent to viewers using 256 colour displays, which is only
a few percent now (about 3% according to w3schools' own stats).

And for those few percent, it's not as if their computers are going to
blow up if you use "non-safe" colours -- they're just going to get a
dithering effect, which although unsightly, will not make the page
illegible and will be something to which those users are already
accustomed.

Besides which, Internet Explorer 4+ uses a slightly different palette from
the original web safe palette.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads


Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,483
Members
44,901
Latest member
Noble71S45

Latest Threads

Top