Layout problem - tables and divs...

[dianjo]

I'm a 'learner' but I'm definitely keen on CSS for the sites I've made myself.

...however, I've inherited a site to update with no css and which uses tables for layout and I'm struggling.

(I will eventually switch to css for this site too but it will take a while and meanwhile it needs some urgent work)

The site is http://www.schmazz.co.uk/ and it's the reviews and photos page that I'm having problems with.

I can replicate the format with text alongside photos but I now have a panorama format photograph that I want to put in above the text and I can't figure out how to do that.

I'm getting in a muddle with tables and divs

would anyone give me some clues please

thanks so much

Diane

[toicontien]

I'm going to assume you're putting the images and text inside table cells. I couldn't visit your site before I wrote this so I'm going a little blind.

If you want the text to appear below the image, just make sure it's contained in a table cell of equal width to the image. That forces the browser to place all other elements in the next available space, which is below the image like you want.

You could accomplish the same thing using DIVs, just enter the following code into the DIV tag:

<div style="width: [enter image width]px;">
<image src=... >
text, blah blah blah
</div>

EXAMPLE: style="width: 100px;"

It should work on all 4.0 and newer browsers. Even NS 4.x.