Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

images problem

Status
Not open for further replies.

wallie32

Technical User
Mar 16, 2002
74
GB
I am fairly new to web design & Dreamweaver and would like an answer to this question.
I have been following a course on designing a home page but when I come to view it in the browser the images do not show up, instead an oblong with a small red cross appears where the image should be.
I remember this happening sometimes when I am browsing the net but then there is a beep and an option comes up to turn the images on.
But this is not happening here.
Any explanation very welcome.
wallie
 
Hello Wallie,

The red X's are basicly displayed when the image could not be loaded.

This could be for a couple of Resons, firstly the address of the image you have on you page is not correct, so the browser is looking in the wrong place for the files.

- Or -

You have the adress correct as it were, but you have not uploaded the image files to the webserver where you are hosting your site.

If you give us a link to the site then we can probably help you a little more,

Hope thats helps a little,

Rob
 
I have not uploaded to a webserver yet.
This is happening when I use the web option F12 in Dreamweaver.
Thanks
wallie
 
OK then wallie, its just the source referance of your images then.

You will have some code that looks like this

Code:
<img src="image1.jpg">

or somthing to that effect.

You have two options, you can iether ammend the source referance to the location of the image, or move the image file to the location the page thinks it is.

So on the code above it thinks the image file is in the same folder as the .htm file, so make sure all the images are inside the same folder as your saved .htm file.

If your files are in a seperate folder on the pc, change the source to match it, so, if the images were in a sub-folder called 'images' of the folder which contains the .htm file them the code would look like this.

Code:
<img src="images/image1.jpg">

If the images are somewhere more remote on the PC, like in your MyPictures folder or somthing, then i would reccomend moving or copying them somewhere more appropriate, such as the folder with the .htm files.

Hope that helps,

Rob
 
Thanks Rob
That was it.
The source reference was wrong.
Many Thanks
wallie
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top