Designed by: kevin murray
W3C Markup: XHTML 1.0 Strict
W3C CSS: CSS2
Validation: Valid Markup, Valid CSS
Columns: up to 2 Columns
Width: Fixed Width
Trikea is a simple, 3 column xhtm-strict layout which I’ve released to the public under creative commons copyright 3.0. So, feel free to use, modify and share if you wish.
Designed to be lightweight, tableless and conform (and validate) to w3c standards this design contains 9 static html pages that should cover -most- common web page types (search and contact form, faq, about, etc..) and includes css styles for a wide range of content, menus, forms and elements. Due to the nature of specific spam bots I’ve neutered both the forms to prevent malhacks and sql/js. injections.
Trikea displays best at any resolution 1024 and over. There’s also a pared down 2-column version that works better on smaller monitors or lower resolution which I’ll add or update when time allows.
I’ve tested this design on both windows xp and osx10.4 under Firefox (and ie7 on the pc) and I know there’s an issue with the footer not spanning full width in ie7. I’ll remedy as soon as I can test it on a monitor that displays greater than 1024 (my lappie’s kinda old…) Also, I note there’s a margin height issue with the drop-cap under Safari and ie7, again, should have fixes soon.
Both page code and css are pretty heavily commented should you have issues or wish to tweak.
- xhtml 1.0 strict
- css, tableless
- keyboard/nav menu shortcuts
- content renders first, left column then right column for seo
- offscreen navigation headers for screen readers
- image replaced logo/h1 title for seo
- image positioning rollovers
- visual accesskey styles
- content priority display
- pure css menu with #current_page indicator
- roll over pop-up footer
- full height, fixed footer design