Hi guys another easy one to pick your brains with! I've just modified and added in 2 new links into our site. The links work fine but however when you first go onto the sight the images I've altered or added are compressed and smaller then the other buttons. But if you click a link and then press the back button the images on the home page appear how they are intended to once the page has gone back on its self! the url is www.craftcompany.co.uk if your unsure of what im talking about..... Can anyone explain or help me correct this plz?
-
-
Heres the code for the said page...........................
<!-- TextAndTitle HTML begin -->
<!--<tr>
<td colspan="3" valign="top">--> <table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<div align="center">
<table width="100%">
<tr>
<td width="33%" valign="top"><div align="left">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><a href="http://www.craftcompany.co.uk/acatalog/Cake_Boards_and_Boxes.html" name="sectiontop" id="sectiontop"><img src="index3_08.jpg" alt="Cakes Boards and Boxes" border="0" height="147" width="170"
align="absmiddle" /></a></td>
</tr>
</table>
</div></td>
<td width="33%" valign="top"><div align="left">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><a href="http://www.craftcompany.co.uk/acatalog/Books.html" name="sectiontop" id="sectiontop"><img src="index3_09.jpg" alt="Books" border="0" height="147" width="168" align="absmiddle" /></a></td>
</tr>
</table>
</div></td>
<td width="33%" valign="top"><div align="left">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><a href="http://www.craftcompany.co.uk/acatalog/Decorations.html" name="sectiontop" id="sectiontop"><img src="index3_10.jpg" alt="Decorations" border="0" height="147" width="167" align="absmiddle" /></a></td>
</tr>
</table>
</div></td>
</tr>
</table>
<table width="100%">
<tr>
<td width="33%" valign="top"><div align="left">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><a href="http://www.craftcompany.co.uk/acatalog/Edibles.html" name="sectiontop" id="sectiontop"><img src="index3_15.jpg" alt="Edibles" border="0" height="140" width="170" align="absmiddle" /></a></td>
</tr>
</table>
</div></td>
<td width="33%" valign="top"><div align="left">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><a href="http://www.craftcompany.co.uk/acatalog/Equipment.html" name="sectiontop" id="sectiontop"><img src="index3_16.jpg" alt="Equipment" border="0" height="140" width="168" align="absmiddle" /></a></td>
</tr>
</table>
</div></td>
<td width="33%" valign="top"><div align="left">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><a href="http://www.craftcompany.co.uk/acatalog/Cutters.html" name="sectiontop" id="sectiontop"><img src="index3_17.jpg" alt="Cutters" border="0" height="140" width="167" align="absmiddle" /></a></td>
</tr>
</table>
</div></td>
</tr>
</table>
<table width="100%">
<tr>
<td width="33%" valign="top"><div align="left">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><a href="http://www.craftcompany.co.uk/acatalog/Ribbon_and_Banding.html" name="sectiontop" id="sectiontop"><img src="index3_18.jpg" alt="Ribbon and Banding" border="0" height="144" width="170" align="absmiddle" /></a></td>
</tr>
</table>
</div></td>
<td width="33%" valign="top"><div align="left">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><a href="http://www.craftcompany.co.uk/acatalog/Tins_and_Stands.html" name="sectiontop" id="sectiontop"><img src="index3_19.jpg" alt="Tins and Stands" border="0" height="100%" width="100%" align="absmiddle" /></a></td>
</tr>
</table>
<!--<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top"><a href="http://www.craftcompany.co.uk/acatalog/Special_Offers.html" name="sectiontop" id="sectiontop"><img src="specialbuut.gif" alt="Tins and Stands" border="0" height="100%" width="100%" align="absmiddle" /></a></td>
</tr>
</table>-->
</div></td>
<td width="33%" valign="top"><div align="left">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><a href="http://www.craftcompany.co.uk/acatalog/NEW__Stitchery.html" name="sectiontop" id="sectiontop"><img src="stit_but.gif" alt="Stitchery" border="0" height="100%" width="100%" /></a></td>
</tr>
</table>
</table>
<table>
<tr>
<td align="center" valign="top"><a href="http://www.craftcompany.co.uk/acatalog/Special_Offers.html" name="sectiontop" id="sectiontop"><img src="specialbuut.gif" alt="Special Offers" border="0" height="100%" width="100%" /></a></td>
</tr>
</table>
<!-- </td>
</tr> -->
<!-- TextAndTitle HTML end --> -
Specify width and height of images in pixels. When Internet Explorer can't find correct dimensions it doesn't load them properly on initially loading.Comment
-
Thanks louise I thought it might be that. I've changed it now back to pixels so hopefully it should be ok! Thanks for the help. No doubt you'll help me again very soon! lol
Comment
Comment