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
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.
I start make use of my personal css framework, inspired by some articles on the web. Actually this template use 5 stylesheets:
- main style to define the blocks
- all about colors and backgrounds (even image)
- definitions of typography
- styling the navigation menu
- 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:
- concatenate all the stylesheets in one file;
- 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.
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 in the upper left is a simple transparent gif 95x84 pixels.
If your logo has differend size adjust
#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.