[Skip navigation] home | about MCU | Services | learn accessible web design | tips archive

contact   
RSS syndication for MCU   

layout your forms using CSS instead of tables.

I am a fan of using CSS for layout and presentation of web pages - but I do still have a few 'blind spots' when it comes to putting my good intentions into practice. For example, I still tend to use tables when creating layout for forms.

I was recently alerted to this weeks tip by Tavis Reddick, the webmaster at Fife College; while communicating about another forms related issue, he pointed me to a useful article about using CSS to layout forms (scroll down the page to find the part about forms layout).

I won't reproduce the example code here - because it is not the simplest technique I have come across - and I couldn't figure out a way to simplify it for 'tip size' consumption. However, I thought it was worth highlighting this example, as it demonstrates that CSS is flexible enough to be used for tasks beyond the simple two or three column page layout.

References.

Fife College
Practical CSS Layout Tips, Tricks, & Techniques

Contributed by Jim Byrne
Updated Tuesday 23 Mar 2004


Free weekly accessible web design tip

Register for your weekly accessible web design tip 
Email: