explain this CSS?

[Extras]

I have inherited some code that has the CSS mentioned below. I like the grid effect of the table, but was curious as to how to change the values so that the black edge of the table has a grey color... I have never encountered the delcaration windowtext Thanks to a another thread on this forum I found the following:

http://www.blooberry.com/indexdot/css/syntax/declaration.htm

http://www.blooberry.com/indexdot/color/uiname.htm

I changed the declaration from windowtext to menu and I got the gray color I was interested in - . I also putzed around with the body, td styles to change the color, font and size of the text.

However, I want to learn more about these declarations "window" ane "windowtext" and how I can (if I can modify them to get a maroon color instead of gray, etc.

Links to other useful resources on the web would also be appreciated.

TIA!



I am including the whole stylesheet so I do not leave anything out.

<style type=&quot;text/css&quot;>
<!--
body, td {
background: window;
color: windowtext;
font: icon;
}

table {
background: windowframe;
}

select {
background: window;
color: windowtext;
font: icon;
}

input {
background: buttonface;
color: buttontext;
font: icon;
}

small {
color: graytext;
}

A:link { color: #B30000;
text-decoration : none;
}

A:visited { color: #1D1E80;
text-decoration : none;
}

A:hover { color: #B30000;
text-decoration : none;
}
-->

 

[atruhoo]

Did some research on web and from what I can find out this has to do with color of the normal text, etc in document windows. Only info I could find on web dealing with this was in foriegn language i.e. German. Translated using Babel Fish Translation.

Here is link to one of sites be advised in German, but you could utilize the forementioned Babel Fish to translate.

http://www.topwebhamster.de/css/css-05-farben.html

Richard

 

[atruhoo]

While wasting time before I left work today I think I figured out that these properties are those that you set for your individual display on your desktop. If you go to your desktop and right click, select properties and then check the colors for your window, menu and window text(which is set at window) I believe that you will find those to be the colors that you see and if you change them to say Maroon. those will be the colors you see not everyone. So unless I am wrong(and believe me I could be) thst CSS style just relates to the individual display preferences of whoever is looking at your page. Hope this helps.

Richard

 

[Extras]

Thanks for your feeback. I &quot;discovered&quot; another style that could help me get the same effect:

<table border=&quot;1&quot; cellspacing=&quot;1&quot; cellpadding=&quot;5&quot; align=&quot;center&quot; bordercolor=&quot;#E5E6FF&quot; style=&quot;BORDER-COLLAPSE: collapse&quot;>

Now I can change the color and still get a simple grid effect. I could not figure out how to put this in an external style sheet...but did find this additional information..

http://lists.evolt.org/harvest/detail.cgi?w=20020527&id=4722

 

[ChrisHunt]

Like atruhoo says, Window and WindowText are CSS2 values that reflect the user's chosen desktop colours. Very handy, though perhaps unlikely to appeal to the average control-freak web designer . Find out more at

http://www.w3.org/TR/CSS2/ui.html#system-colors

Be aware that these &quot;colours&quot; won't work on older browsers.

-- Chris Hunt
Extra Connections Ltd

http://www.extracon.com

The real world's OK for a visit, but you wouldn't want to LIVE there!

 

[Extras]

Appreciate the clarification. I am using the border-collapse code for now even though it also has compatibility issues with older browsers...