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 somegood 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:
- 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.
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.