Two columns of text next to images

[csa]

How can I position my text next to the caravan and motorhomes images without altering the rest of sites positioning?

http://www.chapmanstewart.com/store/test5.html

Thanks

[herkalees]

If it's only happening a couple times, add this to the image tag:
<img src="yourimage.jpg" style="float:left;margin-right:6px;" /> The text goes here.
If it's happening a lot, add a class to the image, then put the above styles out in a style sheet.
<img src="yourimage.jpg" class="imagefloat" />
and
.imagefloat {
float:left;
margin-right:6px;
}


You might find the hard way that the above will cause other slight quirks in the layout, but those can be dealt with easily when/if they arrive.

[timmytots]

I've just implemented this nifty little trick, opting for the latter. However I've got 3 image/text mixtures to do but for some reason they go in a diagonal fashion.

<img src="d1.jpg" class="imagefloat" /> <p class = "stitle">Full Web Site</p>
<p>blahblah</p>

<img src="d2.jpg" class="imagefloat" /> <p class = "stitle">Logo</p>
<p>blahblah</p>

<img src="d3.jpg" class="imagefloat" /> <p class = "stitle">Thingy</p>
<p>blahblah</p>

Any ideas?

ps: it seems the text has to be between the <p></p> to work and does this also work with Flash movies?

Timothy Clark
crewSFX
www.crewsfx.com

[timmytots]

Me talking to myself again...

Could it be that I haven't closed the images with /img> ???

I think so....stay tuned!

[herkalees]

The possible problem with the code you posted is that the text which you want to float to the right of the image has been placed in a <p> element, naturally forcing it to go below the image; <p> is a block level element and by nature, wants to be placed on a new line below whatever might be above it. Instead, don't wrap the text in anything, but if you must, use a <span></span> element instead. This allows the text to be inline with the image.

[timmytots]

It seemed I had to use the <p> though in order for the text to show up at all.

[herkalees]

Thats weird...