Web site problem with CSS

#1

I have a web site dedicated to the Alumni of my high school in Penna. I
have individual pages for the classes of 1947 through 1980. Each page is
color coded to the individual class colors. The background is one color and
the text another color. Am I going to have to use separate css page for
each years web page or can a generic css page be used for all and code for
the color of the text and the background be done in each individual page??

The normal pages have one css page for all of them.

www.geocities.com/candoer1

When I get these pages done and set up properly I have a registered domain I
am going to move them to. At present it is empty, so I will not furnish
that.

CANDOER Cat

#2

CANDOER wrote:

Quote:

I have a web site dedicated to the Alumni of my high school in Penna. I
have individual pages for the classes of 1947 through 1980. Each page is
color coded to the individual class colors. The background is one color and
the text another color.

Watch out for Web-viewing calamities like red-and-black or
ivory-and-rose. You might have to make some exceptions for certain years
(or use the class color for a double border around everything or a
right-edge trim, while the texts are always black on white).

Quote:

The normal pages have one css page for all of them.

http://www.geocities.com/candoer1

Cat,

It's kind of funny posting to alt.html.critique when there's nothing for
us to critique at the URL you gave. Anyway, you're asking a CSS
question, so maybe comp.infosystems.www.authoring.stylesheets would have
been a better NG.

But here's one (beginning of an) idea:

On each of your class pages, add a CSS class to denote the year, as in
<body class="ending1947"> or <body class="grad1962">.

Then, in your one single CSS file (which each of your individual class
..htm files link to), you've got something like this:
body { margin:0; padding:0; font:100% Arial, sans-serif; }
..grad1947 { color:blue; background-color:yellow; }
..grad1948 { color:#FFCC33; background-color:black; }
..grad1949 { color:#800000; background-color:#778899; }
..grad1950 { color:#FFD700; background-color:#000080; }

and so on. Test, tweak, refine, etc.

HTH.
--
John

#3

CANDOER wrote:

Quote:

I have a web site dedicated to the Alumni of my high school in Penna. I
have individual pages for the classes of 1947 through 1980. Each page is
color coded to the individual class colors. The background is one color and
the text another color. Am I going to have to use separate css page for
each years web page or can a generic css page be used for all and code for
the color of the text and the background be done in each individual page??

Yes.

You can either add a <style> section to each page that overrides the
main CSS, or have it load an external file with the style settings. The
header option is probably easier to maintain in this case.
The <style> would contain:
body { color: #xxxxxx; background-color: #yyyyyy; }
as appropriate for each page.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Web site problem with CSS

Websites/HTML pages critique & reviews Discuss and review existing WWW material (alt.html.critique)

Web site problem with CSS - 02-18-2007 , 01:43 PM

Re: Web site problem with CSS - 02-18-2007 , 03:22 PM

Re: Web site problem with CSS - 02-18-2007 , 11:30 PM