Pictures missing from site created using iWeb

[spikearoo]

Hi all, my issue is this. My host will not allow folders created with the naming convention that iWeb uses. So, I have been making the necessary changes manually. I know I have a missed something because now the photos I added to some of my pages are missing. I am new to web design and so I'm looking for someone to point me in right direction. One of the pages in question is http://simpledesignsbychristy.com/Simple_Designs/Cityscapes.html
What is confusing to me is that when I open the file with IE on my local hard drive I don't get any error messages.

 

[angelwatt]

Out of curiosity, what about the folder names did the host not like? Was there spaces in the names?

I looked at the various JavaScript files and the errors that came up from them. I noticed the JavaScript file "Scripts/iWebSite.js" is blank. I don't use iWeb so not sure what's usually here, but the errors on the page were from referencing JavaScript functions that don't exist. It's possible that blank file was suppose to have these missing functions.

I'd probably try to republish from iWeb to see what happens and at least take a look at the JavaScript file I referenced to see if it's empty then. Also, can you describe what manual changes you made? It could be helpful.

 

[SrWebDeveloper]

I'm thinking either permissions or uploading as wrong format (ascii vs. binary) but as to the images specifically:

1) make sure a folder named "Cityscapesfiles" exists (off the document root) and permissions set to at least 700
2) When browsing directly to one of your images at http://simpledesignsbychristy.com/Cityscapesfiles/shapeimage_1.png it says image error, i.e. if you're using a graphics library to generate an image, it failed, or possibly you uploaded it as ascii and not binary, or it's not really png format

As for http://simpledesignsbychristy.com/Cityscapesfiles/navbg_gold.jpg as well -- a 0px width/height image is what ended up being uploaded, only the alt text displays.

Yeah, re-upload.

-jim

 

[spikearoo]

I'm using Microsoft Office Live Small Business since you get your own domain name and hosting space free for the first year. Their server will not allow folders with a "_files" or "_file" as part of the folder name. As far as the empty JS file goes I'll try replacing that and see what happens. Just out of curiosity how were you able to identify that particular file as part of the issue?

Thanks!

 

[angelwatt]

I'm using Microsoft Office Live Small Business since you get your own domain name and hosting space free for the first year. Their server will not allow folders with a "_files" or "_file" as part of the folder name. As far as the empty JS file goes I'll try replacing that and see what happens. Just out of curiosity how were you able to identify that particular file as part of the issue?

Thanks!

Well, that JavaScript file is the first script listed in the source code, and it was blank so just seems suspicious. It may be nothing though. I use the Web Developer Toolbar extension for Firefox, which lets me see all of the JavaScript files in one window and just did some Finds for the functions listed in the error messages and noticed the functions were never defined as the errors say.

 

[spikearoo]

Sr - How did you get to that picture? There's a /Simple_Designs/ missing between ".com/" and "Cityscapes..."
I wonder if that is part of my problem?

 

[SrWebDeveloper]

Sr - How did you get to that picture? There's a /Simple_Designs/ missing between ".com/" and "Cityscapes..."
I wonder if that is part of my problem?

Yes, it is. I got the path based on your source HTML, of course.

Example of your source:

<img src="Cityscapesfiles/navbg_gold.jpg" alt="" style="border: none; height: 90px; width: 700px; " />

That told me to go into a folder named "Cityscapesfiles" which is relatively located inside the current directory (which is the document root in this case since it's your home page, highest level) and grab the jpg image there.

You just told me "/Simple_Designs/" was missing, so that means you need to edit the above HTML, here is the correct path for that image:

 <img src="/Simple_Designs/Cityscapesfiles/navbg_gold.jpg" alt="" style="border: none; height: 90px; width: 700px; " />

I confirmed that the above path is correct for that image via browser.

You have some editing to do, fixing paths.

The tools Angelwatt mentioned are excellent, but to view source in any browser it's as simple as view->page source or right click, view source or similar. So what I did was not rocket science.

-jim