About Cardinal

This template is coded in XHTML 1.0 Strict. The name Cardinal is inpired by the color scheme. It's kinda serious looking. Note that the <h1> heading is in the top of page content and not in the header! There are some good argomentation (fake link) about that on the net.

Many CSS

I start make use of my personal css framework, inspired by some articles on the web. Actually this template use 5 stylesheets:

layout.css
main style to define the blocks
color.css
all about colors and backgrounds (even image)
typo.css
definitions of typography
nav.css
styling the navigation menu
forms.css
the login form (optional)

Splitting the css help me to spot problems and work better. If you don't like to manage all this files there are 2 solutions:

  1. concatenate all the stylesheets in one file;
  2. create a main.css that @includes all other css

If you choose one of the above solutions you can import only one css in the head section.

Browser Test

I have tested this layout on a MS Windows machine with the following browsers:

  • Internet Explorer 6.0
  • Mozilla Firefox 1.5
  • Opera 9.01

The Logo

The logo in the upper left is a simple transparent gif 95x84 pixels. If your logo has differend size adjust width and height for #header p.logo in typo.css file. Or you can rid of the logo and center the header changing the margin-left in the #header p.head, #header p.subhead declarations in typo.css file.

In this page you can see examples of headings (h1, h2, h3), strong, em, link, code, lists (ordered, unordered, definition) and bad english.