the design and publishing center photoshop tips and tricks, etc the design and publishing
The Design Center DT&G Magazine Web Design & ReviewSHOW Borders

Eyebrow (h3)

Headline (3 to 4 words h1)

This is a "sidebar" it floats right, its background is colored pale yellow and it has a one-pixel red border standing off the text by one EM. This is supposed to be 125 pixels wide to accommodate the 125 x 125 pixel ad buttons and Google Ads.
NOTE: if you work with this file, and create a new look, please send it in or send us the link! Thanks
Subhead suitable for by-line (sub)

This is a page for testing and experimenting with CSS Style Sheets. It uses an embedded style sheet so all the rules are at the top of the html text file. We've included a link for testing the 'a' and 'a hover' rules.

Gray Italics suitable for callout keeps its dignity when it wraps into a second line (h2)

Notice this paragraph is NOT indented. It's called with an ID given to the 'P' tag. Look for "p id="ni" rules. We don't indent the first paragraph after a headline or sub head. The next paragraph will be indented. All "new" paragraphs are indented except those following a head or subhead

All of the paragraphs and other CSS objects herein have a 1-pixel border in #999999 gray so that we can see where their edges are. Ideally after all experimentation is done, the borders would be removed leaving a clearly written page.

This is a page for testing and experimenting with CSS Style Sheets. It uses an embedded style sheet so all the rules are at the top of the html text file. This is a page for testing and experimenting with CSS Style Sheets. It uses an embedded style sheet so all the rules are at the top of the html text file.

Now, take your browser window and scale it horizontally to the width of your cel phone or Palm computing device. Notice how gracefully the page compresses -- remaining readable even on WiFi devices... which is part of the whole idea behind flexible pages.

The next headline (h3)

Notice this paragraph is NOT indented. It's called with an ID given to the 'P' tag. Look for "p id="ni" rules. We don't indent the first paragraph after a headline or sub head. The next paragraph will be indented. All "new" paragraphs are indented except those following a head or subhead

We have decided NOT to colorize our LINKS -- keeping them the default colors. This complies with usability studies that suggest people are used to the BLUE/PURPLE default link colors signifying an active hyper link. Note the row of 'depressing' button links across the top.

This is a page for testing and experimenting with CSS Style Sheets. It uses an embedded style sheet so all the rules are at the top of the html text file. This is a page for testing and experimenting with CSS Style Sheets. It uses an embedded style sheet so all the rules are at the top of the html text file. This is a page for testing and experimenting with CSS Style Sheets. It uses an embedded style sheet so all the rules are at the top of the html text file. This is a page for testing and experimenting with CSS Style Sheets.

Below you will see an "empty" P tag. This is an open P with no close P. Since we have borders on all P tags, this empty P looks like a single rule or HR tag.

It's supposed to look like a printed sheet of paper.