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.
You can demo the design here (it’s off-site so it’ll open in a new browser window) or, scroll down for the download link to the complete package .zip
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.
Global features
- 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
css features
- 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
These Lenovo Coupons will save you lots of money on your next computer purchase.
(0)
