Hello everybody, As stated in the subject I am a newbie wanting to learn how to host a simple website, the same given in the Dreamweaver help as a turoial called Cafe. Now I have registered myself with serversfree for free website hosting and I have all the ftp details as below. I have managed to remotely host the site, having filled in the relevent details in under the manage site menu. The connection worked fine. The website is hosted and it displays too. HOWEVER the images do not correctly load from the images server. Please find below the images of my Site Defination and please can someone find any mistake there and shed light on why the images are not loading properly.
In this site cafe, there is a flash .swf file which picks 4 different images from the images directory and is supposed to change them when the next button is pressed. These 4 files it fails to pick and display.
Another image called street_sign.jpg which is also lying in the Images directory and is displayed on the main page ( index.html ) is correctly displayed.
The menu buttons all display the same webpage called menu.jpg. This page also has to pick some files from the Images folder, but it fails to load even a single jpg file even those which are common with the main page (index.html) and which are correctly displayed when index.html gets executed on accessing the site. One of these comman file is banner_graphic.jpg which is correctly displayed in index.html but fails to load in menu.html. Find below the files map of the local site as well.
I have gone nuts trying to sort this for the past 3 days trying various combinations of the settings but to no awail. I am sure this must be a brain cracker for any new comer and a solution to this would help a vast section of the community. Looking upto the nerds for any help and thanking you all in advance.
Cheers.
.
Could be a case sensitive server.
If your links start with "images/..." (lowercase "i"), the server will not find the images in the "Images" (Uppercase "I") folder.
Images and images are two different folders.
Keep consistent case in file and folder names - usually all lowercase.
Change the folder name from Images to images locally and remotely.
Hi Thanks. That was a typo. I meant to say the "images folder created on the remote server". The directory structure on the remote server is public_html/cafe/Images and the local directory structure is as shown in the fig. So bascially the server and local directory structure are same.
Happy to provide the link to the site is :- http:\\www.bestbet.bugs3.com/cafe/index.html
Thanks loads for such a prompt response.
Hi, I have posted the information that you wanted. I hope that would suffice to solve this simple looking rather tricky problem. Please let me know if anything else is required. For the convenience of all once again, the concerned website is
http:\\www.bestbet.bugs3.com/cafe/index.html
Hoping for an early solution and thanking all those who would take time to look into this.
Cheers.
Dear Sir,
This is exactly how it was in the Adobe tutorial. I was just learning and kept all files and names same. If that's the issue then I will try and change the names. However if you noticed banner_graphic.jpg displays correctly when the site is accessed. It's only when you try one of the links, it and any other image from the /Images/ folder does not display. If names was the issue then wouldn't the banner_graphic not display in the first place.
In any case i'll try and change the file names and revert with the result.
Thanks again to all.
Cheers.
John is correct it is a case of being case sensitive.
Your images are in the folder 'I' mages NOT 'i' mages. With a capital I.
So this works:
http://www.bestbet.bugs3.com/cafe/Images/menu_divider.gif
http://www.bestbet.bugs3.com/cafe/Images/special_friday.jpg
This does NOT
images/menu_divider.gif
images/special_friday.jpg
You need to do a sitewide 'find and replace' 'i' with 'I' to make all the lower case 'i's in images uppercase.
Dear osgood_ ( and others,)
Thanks for devoting so much time here. However I do beg to differ because my folder is \Images\ and my code uses src="Images..." everywhere and so case is not the problem.
Also here is a snapshot of the site's main page that opens when its accessed using my link. As you can see the two images here - the top one and a smaller one called banner_graphic.jpg and street_sign.jpg - are being displayed and they also come from the /Images/ folder.
However when any menu item is clicked, the top image is still banner_graphic but this time it fails to display as all the other images as well.
I hope we'll solve it yet ! Thanks again to all.
AjooSehgal wrote:
However I do beg to differ because my folder is \Images\ and my code uses src="Images..." everywhere
Check again. That's not the case. Home page: yes. Inner pages: no.
The home page banner code points to
<td height="90"><div id="banner"><img src="Images/banner_graphic.jpg"
That works OK.
Inner pages point to:
<td><a href="index.html"><img src="images/banner_graphic.jpg"
Paths pointing to "images/" do not work.
North America
Europe, Middle East and Africa
Asia Pacific