Images don't show in Dreamweaver preview

[Vectorize]

When I add images to my pages and I go to preview them in my browser, the images just come up with the "X" rather than the image. The images are stored in the correct folders. I haven't had a problem with this before, when adding images. The code for the page is below, hope someone can help. FYI the new images that I am having problems with are wedset.png, tnbangles.png & tnbindi.png Thanks

<p><a href="index.htm"><img src="../final/images/silk.jpg" width="800" height="100" border="0" /><table width="800" height="22" border="0" align="center" cellpadding="0" cellspacing="1"><tr bordercolor="#FFFFFF">
<td width="133" height="20"><div align="center"><img src="images/buttons/btjewel1.jpg" alt="Jewellery" name="Image9" width="159" height="20" border="0" id="Image9" /></div></td>
<td width="133" height="20"><div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','images/buttons/btweddings2.jpg',1)"><img src="images/buttons/btweddings1.jpg" alt="Weddings" name="Image7" width="159" height="20" border="0" id="Image7" /></a></div></td>
<td width="133" height="20"> <div align="center"><img src="../final/images/buttons/btbot1.jpg" alt="Bottles" name="Image8" width="159" height="20" border="0" id="Image8" /></div></td>
<td width="133" height="20"> <div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','../final/images/buttons/btgw2.jpg',1)"><img src="../final/images/buttons/btgw1.jpg" alt="Gift Wraps" name="Image6" width="159" height="20" border="0" id="Image6" /></a></div></td>
<td width="133" height="20"> <div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','../final/images/buttons/btother2.jpg',1)"><img src="../final/images/buttons/btother1.jpg" alt="Other" name="Image10" width="159" height="20" border="0" id="Image10" /></a></div></td>
</tr>
</table>
</div>
<table width="800" height="450" border="0" align="center" cellpadding="0" cellspacing="0" background="../final/images/bksilk.jpg" bgcolor="FAD7EB">
<tr>
<td width="120" valign="middle">
<div align="left">
<table width="113" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="60" align="center"> <p><img src="png/tnbangles.png" name="bang" width="80" height="60" id="bang" /></p>
</td>
</tr>
<tr>
<td align="center"><p align="center"><img src="png/tnbindi.png" name="bind" width="80" height="60" id="bind" /></p>
</td>
</tr>
<tr>
<td align="center"><font size="2">&nbsp;</font></td>
</tr>
<tr>
<td align="center">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
</div></td>
<td align="left" valign="top"> <div align="left">
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<table width="300" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="400"><div align="center"><img src="png/wedset.png" name="set" width="300" height="200" align="middle" id="set" /></div></td>
</tr>
</table>
<p align="center">&nbsp;</p>
<p align="center"><br />
</p>
</div></td>
<td width="120">&nbsp;</td>
</tr>
</table>
</div>
</body>

[Edited on 16/2/2007 by Vectorize]

[rAyVoLvEz]

do u have a live version? or does the error occur locally too?

[Vectorize]

I do have a live version but the error originally occurs locally (within Dreamweaver). So I guess it's something in Dreamweaver that isn't correct.

www.gladwraps.com - the page with the errors is gladwrapweddings

I have managed to put images on this site before but since removing them I can't seem to add any more.. (this problem is also happening with another site Im working on)

[rAyVoLvEz]

are ur pngs in the png folder?

do u really need to use pngs? have u tried with jpgs, not that this could be an issue..

do u mean adding images to ur online site? whats wrong?

[Hermie]

Could it be the problem that you don't use "../"?

Like: <td width="400"><div align="center"><img src="../png/wedset.png" name="set" width="300" height="200" align="middle" id="set" /></div></td>

[Vectorize]

Let me try to explain a bit better. I can add the images within dreamweaver with no problem, so all looks fine in design mode. When I go to 'preview in browser' within dreamweaver, none of my new images are showing up - they just show the red 'x'.

I tried to upload the page where I added new images and when looking at the live site www.gladwraps.com, none of the new images are showing on there either - they still come up with the red 'x'.

Yes the png's are in the png folder. I've tried jpgs too but have the same issue. Whatever format the new image is in, I always get the red x.

If you look on the live site, I have re-uploaded the nav bar and now all my images from the nav bar as well as the 3 new images (wedset.png, tnbangles.png & tnbindi.png ) show the red x instead of the actual image.

This has never been an issue before. As mentioned, I have the same issue with another site Im workin on - any new images I upload all show the red x in dreamweaver and on the live site.

Hope this makes sense.

[perfect circle]

When you setup your site did you designate an image folder? I have seen that cause problems when previewing.

[Vectorize]

Hermie, the ../ has been removed with no luck..

Perfect Circle, do I need to have one image folder for the entire site? I have an image folder as well as png and jpg folders but the png and jpg folders are not within the image folder.

For example I have:

root folder
>images
>png
>jpg

(all these folders are in the root folder)

should they be set as:

root folder
>images
>>png
>>jpg

(meaning png & jpg folders within the image folder)

? Thanks for any info.

[perfect circle]

If I remember correctly you need to select an image folder locally when you define your site in Dreamweaver.

[Vectorize]

Fantastic. Thanks Perfect Circle (once again!). This seems to have done the trick. Weird thing is I have had images on this site before without defining the image folder but anyway, it's worked so I won't complain.

Thanks