skip to main content

Jim Byrne Accessible Website Design Glasgow for The Third Sector, Voluntary, Charities and Not for Profits

Accessible, Responsive Website Design
Jim Byrne Web Designer

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, with particularly complex forms I still tend to use tables when creating the form layout.

I was alerted to this 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.

Links

Related content

Tags: , ,

Written by :

Avatar of JamesByrne

Give me a phone if you would like me to test the accessibility of your website:

I provided feedback on the WCAG 2 (as representative of Guild of Accessible Website Designers) have two decades of experience and worked with hundreds of organisations.

07810 098 119

Alternative access to client feedback ››

Client Quotes

Loading Quotes...