CSS Headings | WPDFD.com Forums

Mattman said:

01/02/04, 002 54 2004 2004:%i:1073048058 07:54:18

I want a set of headings but in different colours. I have tried making h1, h2, h3 etc different colours but the same font size. This very quickly uses up the headings and I'm not sure that it is the best way to go. How should I be doing this?

TIA Matt

Joe Gillespie said:

01/02/04, 002 42 2004 2004:%i:1073050938 08:42:18

Matt, you can change the definitions for any heading that is inside another div. For instance, if you had two columns called #column1 and #column2, each column can have separate h3 (for instance) definitions. Simply specify them as, say

#column1 h3 { colour: red; font-size: 1em}
#column2 h3 { colour: blue; font-size: 1em }

Or you could create definitions for coloured headings such as

#greentype h2 { color: #2f2; font-size: 12px }
#purpletype h2 { color: #90c; font-size: 12px }

#greentype h3 { color: #3f3; font-size: 10px }
#purpletype h3 { color: #90c; font-size: 10px }

this is purple h3

this is green h3

Note that I've used IDs and not Classes to make sure each one is unique.

Streamer said:

01/05/04, 005 50 2004 2004:%i:1073317849 10:50:49

why not do this:


.h3 { font-size: 10px }
.purple { color: #90c; } 
.green { color: #90c; } 

this is purple h3

this is green h3

Dennis said:

01/05/04, 005 01 2004 2004:%i:1073318517 11:01:57

You know, I am *definately* a web newbie. When going to get my degree in art, one of the requirements was to make a webpage via html. I did it too- with flying colors. Shortly after that, they started to make WYSIWYG html editors. I bought Dreamweaver, did some very simple stuff. My career in print media took off. Now that I am venturing into a partnership- I am looking into web media again. Those editors for html have some along way. Looks as if I will only be learning the tip of the iceburg and will leave the web media for the firm in one of their hands. I am grateful I found this mecca for designers for web page design. The captain seems to have it *very* well together. Kudos and Thank you.

Suzanne said:

01/05/04, 005 20 2004 2004:%i:1073319648 11:20:48

streamer said:
why not do this:

I think the example with the ids is simplified, but realistically you would have a

for each section of the web page, instead of classes through out. This helps keep the markup as clean as possible.

It looks a little overdone for the purposes of this example, but if you think of it as:

Page Title

News Section Title

News Item

News item details

News Item

News item details

You can see that using classes would be more complicated and involve more duplication.

hth,

S

Vladimir said:

01/06/04, 006 48 2004 2004:%i:1073432903 18:48:23

I would use classes for simple webpages without DIVs. For more complex pages with DIVs, I would prefer IDs combined with tag definitions to get more precise styling.

Jdenny said:

02/14/04, 045 01 2004 2004:%i:1076810502 21:01:42

Use the force luke!

er, sorry, i meant use the cascade!

CSS is made for styling text with minimum code added the HTML.
Usiang classes everywhere is amature and how wysiwyg editors do it.