I'm a 'learner' but I'm definitely keen on CSS for the sites I've made myself.<br />
<br />
...however, I've inherited a site to update with no css and which uses tables for layout and I'm struggling.<br />
<br />
(I will eventually switch to css for this site too but it will take a while and meanwhile it needs some urgent work)<br />
<br />
The site is <!-- m --><a class="postlink" href="http://www.schmazz.co.uk/">http://www.schmazz.co.uk/</a><!-- m --> and it's the reviews and photos page that I'm having problems with.<br />
<br />
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.<br />
<br />
I'm getting in a muddle with tables and divs<br />
<br />
would anyone give me some clues please<br />
<br />
thanks so much<br />
<br />
Diane<!--content-->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.<br />
<br />
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.<br />
<br />
You could accomplish the same thing using DIVs, just enter the following code into the DIV tag:<br />
<br />
<div style="width: [enter image width]px;"><br />
<image src=http://www.webdeveloper.com/forum/archive/index.php/... ><br />
text, blah blah blah<br />
</div><br />
<br />
EXAMPLE: style="width: 100px;"<br />
<br />
It should work on all 4.0 and newer browsers. Even NS 4.x.<!--content-->
<br />
...however, I've inherited a site to update with no css and which uses tables for layout and I'm struggling.<br />
<br />
(I will eventually switch to css for this site too but it will take a while and meanwhile it needs some urgent work)<br />
<br />
The site is <!-- m --><a class="postlink" href="http://www.schmazz.co.uk/">http://www.schmazz.co.uk/</a><!-- m --> and it's the reviews and photos page that I'm having problems with.<br />
<br />
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.<br />
<br />
I'm getting in a muddle with tables and divs<br />
<br />
would anyone give me some clues please<br />
<br />
thanks so much<br />
<br />
Diane<!--content-->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.<br />
<br />
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.<br />
<br />
You could accomplish the same thing using DIVs, just enter the following code into the DIV tag:<br />
<br />
<div style="width: [enter image width]px;"><br />
<image src=http://www.webdeveloper.com/forum/archive/index.php/... ><br />
text, blah blah blah<br />
</div><br />
<br />
EXAMPLE: style="width: 100px;"<br />
<br />
It should work on all 4.0 and newer browsers. Even NS 4.x.<!--content-->