html Help Please

[party_pete]

I'm trying to place two images side by side in a fragment, both 150 pixels.

I've done this

!!< <table width="490" border="0" align="center" cellpadding="2">
<tr>
<td width="150"><div align="center"><img src="trial_image.gif" alt="WPC Pink Hat" width="150" height="150" /></div></td>
<td width="150"><div align="center"><img src="trial_image.gif" alt="wpc pink hat" width="150" height="150" /></div></td>
</tr>
</table> >!!

But I really wanted each image to be clickable to link to another page but do not understand where or what to add to the above?

Also, could I add a line of text under each image?

Thanks in advance for any suggestions.

[jont]

Hi Pete,

to make an image clickable you need to place the anchor tag around the <img> tags eg:

<a href="http://www.party.co.uk/page.html><img src="......." /></a>

[jont]

Re-reading the post you want a line of text beneath ... after the </div> for the image use a <br /> to force a new line and then use <p>this is my text</p> for the text... this is all just before the </td>

Note if you have different lenghts of text you may need to include the valign="top" in the <td> ... depending on how you want the layout to appear on the site (or better still style with CSS but not essential if only appearing in a few places).

You may want to look at the size of the cells and images .. both are set at 150px wide but you also have a 2px padding (which applies to all sides)

[party_pete]

Thanks John

I'll give this a try.

I dson't think i'll ever get to grips with html, at least not at a speed that makes it worth while using

[party_pete]

I don't seem to be doing the right thing

I'm forgetting about the 'adding text' bit for now and am just trying to first part, see below;


!!< <table width="490" border="0" align="center" cellpadding="2">
<tr>
<td width="150"><div align="center"><a href="http://www.partyhalloween.co.uk/acatalog/Halloween_Costumes.html><img src="halloween_image6.jpg" /></a> alt="Halloween Costumes" width="150" height="150" /></div></td>
<td width="150"><div align="center"><a href="http://www.partyhalloween.co.uk/acatalog/Halloween_Props_Effects.html><img src="halloween_image5.jpg" /></a> alt="Halloween Props" width="150" height="150" /></div></td>
</tr>
</table> >!!

Why is this not working, any ideas?

[jont]

You are placing the alt tags outside of the imng tags. Try

<a href="http://www.partyhalloween.co.uk/acatalog/Halloween_Costumes.html><img src="halloween_image6.jpg" alt="Halloween Costumes" width="150" height="150" /></a>

[party_pete]

Thanks John

I think with html, you've either got in or you haven't, and i'm starting to realise what group I fall in to!