Forums

I'm bored :(

font-family:arial,sans-serif,verdana,tahoma;

Fonts will be matched left-to-right, and sans-serif is a guaranteed font on all browsers; so Verdana and Tahoma will never be chosen.

scrollbar-face-color:#ffffff;
etc

Don't show up - remember what I said about IE being sensitive to the DOCTYPE tag? Remove that and it works. See here... IE only does scrollbar colouring in "quirks" mode, but "strict" mode may be preferable overall.

(By the way... I came across this page which has some nice scripted CSS utilities. Not exactly related but they're nice.)

div.h1 { color:#ffffff; font-size:16pt; font-weight:bold; }

You can equally do this:

h1 { color:#ffffff; font-size:16pt; font-weight:bold; margin:0;}

which then allows you to use [h1] tags instead of [div class="h1"]. I personally find it easier that way :)

Also:

There is inheritance between tags. All tags inherit from [body], a.hover inherits from a, [td] inherits from [tr] and [table], etc. You can therefore avoid repetition in children, eg. with setting the font colour (unless these are just placeholders in case you want to change the colour later).

Maxim

Author	Message
Maxim Site Admin Joined: 19 Oct 1999 Posts: 14745 Location: London	CSS Posted: Wed Mar 10, 2004 2:18 pm
	I'm bored :( font-family:arial,sans-serif,verdana,tahoma; Fonts will be matched left-to-right, and sans-serif is a guaranteed font on all browsers; so Verdana and Tahoma will never be chosen. scrollbar-face-color:#ffffff; etc Don't show up - remember what I said about IE being sensitive to the DOCTYPE tag? Remove that and it works. See here... IE only does scrollbar colouring in "quirks" mode, but "strict" mode may be preferable overall. (By the way... I came across this page which has some nice scripted CSS utilities. Not exactly related but they're nice.) div.h1 { color:#ffffff; font-size:16pt; font-weight:bold; } You can equally do this: h1 { color:#ffffff; font-size:16pt; font-weight:bold; margin:0;} which then allows you to use [h1] tags instead of [div class="h1"]. I personally find it easier that way :) Also: There is inheritance between tags. All tags inherit from [body], a.hover inherits from a, [td] inherits from [tr] and [table], etc. You can therefore avoid repetition in children, eg. with setting the font colour (unless these are just placeholders in case you want to change the colour later). Maxim

Forums

View topic - CSS