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 somegood 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.logointypo.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.cssfile.
In this page you can see examples of headings (h1, h2, h3), strong, em, link, code, lists (ordered, unordered, definition) and bad english.