I've made a test layout for my blog, using tables:
As you can see, I want the dual-column text to wrap around the image on both sides. I tried doing this using float elements but that was a nightmare to get right, so now I'm using tables to get the same effect.
I'm using a responsive width theme, and I want the text and images to become narrower as the browser narrows. It's working fine for the large image outside of the table, and also for the table cells with text in them, but the cell with an image in it (or the image itself) won't change size.
Can anyone show me how to do it? I tried giving either the image or the <td> a maximum size of 100% or 33% (my thinking being, it should be either 100% of the cell or 33% of the total table), but it hasn't worked. I don't have the CSS upgrade.
Thanks in advance!
PS I'm a total noob at this sort of thing!
The blog I need help with is bartjeej.wordpress.com.