Tables & CSS

Over the last few days I’ve had the pleasure of having to skin some hosted payment pages, I normally like to do payment processing remotely but this time I was under pressure to deliver this work ASAP.

What should have taken a few hours turned into a day long ordeal of getting browsers to render these pages correctly (I use Browserstack for design testing) and since I had no control of the markup of the actual form elements I had to work with what I had using just CSS.

The good news is I got it looking nice, this company that do the payment processing, Adyen… have used tables to layout their form fields, I hate table layouts and always used CSS frameworks so it took a while to understand how to align tables correctly again using CSS.

The reason for this post? This link: http://theodorakis.net/tablecentertest.html

A detailed post about all the nasty UI issues poor markup with tables can throw at you and how to overcome them using CSS

Advertisements

Published by

Alan Feekery

Developer, Gamer, Musician, Cyclist and big Motorsport fan... enjoys the odd cup of coffee :)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s