CSS representation of a simple table layout
Posted on 2004-11-01
In an attempt to start ripping out all the tables in my site (sounds like furtinature removal!) I'm playing around with divs and spans.
I cant quite seam to get this well over used table design to behave its self using divs or spans, can someone give me a simple representation of this in css:
<table width="100%" border="0" cellspacing="0" cellpadding="3">
<td align="left" valign="top">This is my descriptive text, and this is my image to the right --></td>
<td align="center" valign="top"><img src="/img/spacer.gif" alt="Spacer" width="250" height="250"></td>
I've got this all over my site at the moment, and would love to get rud of it. These table layouts sit in a table cell at the moment (one step at a time!) but would idealy end up in a div when I get the time to modify the rest of it.
The left hand cell can be anywhere from 100px to 300px, depending on the image in it, so this needs to be flexable.
Thanks for you help.