Twilight Dawn

A simple style for your web site

 

Main Content

If you come to a fork in the road, take it. — Yogi Berra

This is the main content area for your web pages. This design is a relatively simple 3-Column CSS (Cascading Style Sheets) design. As such, it separates most of the presentation styling from the page content.

The page has a title at the very top on the left and a subtitle on the right. There is then a masthead picture, implemented as a CSS background that's 760 pixels wide and 144 pixels high. Beneath the masthead, there's a main content box. This main box has a 36 pixel-wide border on the left. It then has, from left to right, a navigation column, this main content column, and a column for extra announcements and links on the right. Beneath these, there's a section for copyrights and credits. That's about it.

The navigation links are implemented as a simple unordered list. The styling is all CSS. All of this should degrade nicely for a text-only or audio-reader browser. The navigation list has also been split out into a separate file, included using PHP. Thus, changing the navigation links for many pages only requires editing one file. The same include technique has been used for the logos noting that the design has been validated for correct XHTML and CSS.

Skiing with a sledI've included the classes pixleft and pixright to float pictures to the left and right, as with the example here.

 

Extras

This area is set aside for those extra links and announcements.

 

Copyright 2007 by you — Last modified 06 January 2007

Web design by Keith Eric Grant, The RamblemuseSM

Masthead and border based on the photo Mount Doom by Jim French, obtained from stock.xchg. Photo usage is unrestricted.