Resources
CSS Layout Resources
Resources are sorted by date entered with the latest entries being at the top. A maximum 30 in each category are shown per page. There are 15 entries in this category.
→ denotes an external link that will open in a new window.
- → Accessible 3 Column Layout
- This is a tutorial aimed at web designers who want to learn how to create an accessible 3 column layout using CSS and XHTML. The tutorial includes example code and each section is fully explained.
- W3C Tabeless Validation
- 28-Jun-07 by Resonate
- Is your website 100% tableless ? Validate your website using W3C Tableless validator.
- → Going Tableless: Why CSS Should Be Used For Layouts
- There seems to be an ongoing battle between web designers about the use of tables in web layouts. Proponents for using tables refer to browser compatibility and quicker design time. While opponents claim that using tables for layouts doesn't adhere to web standards and web accessibility.
- → CSS Layout Generator
- The CSS Layout Generator will generate layouts with a flexible center column and fixed width left and or right column. All columns will be the same length, the layout can be centered on the page or full width and a header and footer can be easily added.
- → Flexible Layout
- Layout with elastic behaviour. Fluid center column, fixed width side columns. Implemented with source ordered floats.
- → Floatutorial
- Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.
- → Protagonist List of Tableless Layouts
- A listing of sites that offer linkware, freeware table-less layouts
- → 3 column CSS layout with footer that works
- Well, it works great in all compliant browsers.
The footer moves depending on the length of the longest column.
- → Netscape 4 safe 3 column layout
- Mark Newhouse's Netscape 4 safe 3 column layout
- → Eric Costello's Glish
- Eric Costello's Glish - a range of CSS based layouts
- → Craig Saila CSS layouts
- Craig Saila CSS layouts - a range of one, two and three column layouts
- → Little Boxes
- Owen Briggs' Little Boxes - a range of CSS layouts
- → Netscape4 friendly CSS layouts (Questionable link)
- Netscape4 friendly CSS layouts
- → Position is Everything three column layout
- Position is everything three column layout - showing all columns the same length
- → CSS-Discuss Wiki 3 column layouts
- CSS-Discuss Wiki layouts
Copyright © 2010, the members of Web Standards Group
Contact Russ: memberhelp @ webstandardsgroup.org
