web design help- photos and text together.

[wensleydale]

I know its probably me missing something, but I've been trying to incorporate some more photos onto my site and get the text to fit around them, without much joy.

on the wedding site- http://www.londonweddingdisco.co.uk I want to get the photos on the right or left and then the text to fit around it.

I've tried a few things and I'm not sure if it is because they are frames, but it doesn't want to know.

Anyone suggest anything for a web novice?

Thanks

Rich

[Marc J]

On the "little things" page, for example, change: -


<center><a href="index.html"><img src="pic4.JPG"></a></center>

<left>
<p>We realise that no two Weddings are the same, and that's why...

to


<p><a href="index.html"><img src="pic4.JPG" hspace="5" vspace="5" border="0" align="left"></a>We realise that no two Weddings are the same, and that's why...

i.e. include the image as part of the text paragraph, not as a separate paragraph. The vspace, hspace, border and align parameters can be changed to suit.

Not entirely sure why you have the <left> tag there, as it's not an HTML tag. Strictly speaking, neither is the <center> </center> tag (anymore). Alignment should be specified as part of the DIV or P tag, or via CSS.

[wensleydale]

had a feeling you would know the answer- cheers marc.

[wensleydale]

ok, again, this may be again- just tried it and only get one line of text alongside the photo, then a big gap, then the rest of the text.
am i being stupid?

[Danno13]

Why not just use tables?




<table>

<tr>
<td>
PICTURE
</td>
<td>
TEXT
</td>
</tr>

</table>



You can repeat the inner section for as many rows as you want and swap the picture and text around.

[wensleydale]

i've tried the tables, but I'm sure I read about an easier way of doing it where the text surrounds the pics automatically- I just can't remember what it was.....

[Danno13]

Found this on google -

http://www.learningmovabletype.com/a/000306text_wrap/

[wensleydale]

this is what i tried before and i had the same problem as marcs suggestion- just one line of rtext wrapped.
never mind....

[Marc J]

There's no reason why what I posted earlier shouldn't work (it's also the first method as explained in Danno's link). What are you using to edit your site?

[wensleydale]

html kit
i've tried it before with no joy.

[Marc J]

Just had a look at your stylesheet, and either remove this part: -

#content img {
padding: 2px;
margin: 2px;
vertical-align: middle;
}

or change it to: -

#content img {
padding: 2px;
margin: 2px;
}

As this is what's causing your problem. Note that as the cstyle.css stylesheet handles styles site-wide, this may have undesireable effects elsewhere in your site.

[wensleydale]

thanks again marc- will give it a go.