Missing images when I visit a new web site I have just created and used my BT web space facility

[golfinghomer1]

When I test using Safari, firefox, localy I see ALL images on my web site, as soon as I use teh BT facility I get missing images and images intermittantlyload  slow.

When I test with a new chrome browser it cannot fing the BT server let alone my site name.

I am a web site creator at stage 1, just completed a CSS and Dreamweaver course, this is my first upload.

thank you for reading this

Golfinghomer1

[Sogo7]

Did you remember to upload all the images to the web server?

(Switch the files menu to 'Remote View' to see what is actually on the web server)

If things are still amiss post up the name of your site and I'll come take a look at the code so far.

[golfinghomer1]

Sojo,

thank you for your time on this issue. I have checked my hosting public folder at my BT hosting server and I can see the image I am missing. I use a MAC 18mths old  (I am new to Mac plus new to web design). I created an image folder on my web site with various folders so that each section of the site has it's own sections images, hence it was easy for me to find and work with the images I needed. I used Cyberduck to upload my files. I am trying to find out at present how to forward an easy site name to my long winded site address BT have allocated me.

My site address is:-  http://home.btconnect.com/goodfellas20golfsociety

I hope to forward www.Goodfellasgs.com to this address in due course. I think I am correct in thinking my forwarding will not effect you getting to the site if you use the http://home. etc etc address.

Also some very small images 170px x 150px size start to load, stop then the area fills in with a grey colour and part of an image. I must stress I am a self taught web design person with limited knowledge, but I am learning..

the image missing is in the monthly medal sectionand the Society trophy sections from the nav bar in the footer after you enter the site on the home page. The society photos view option is where the small images fail to load.

Thank you agin for your time on ths matter.

Les

les.keen@btconnect.com 

[Sogo7]

Two things that often get missed out in many tutorials..

1. Most programming languages especially those that deal with web servers are CasE sEnsaTiVe.

So ' Monthly ' does not mean the same thing as ' monthly ', your missing trophy image is a

good example of this.

alt="medal Cup image" src="../images/Monthly_medal_cup/cup_green_long.jpg"

the folder with the image is actually called  monthly_medal_cup

2. When designing a Website what you see on screen using your own computer may (and very often does) appear different on somebody elses machine. This is known as the 'Cross-Browser-Compatability' problem. Not everybody has a the same screen width or uses the same web browser and this creates a myriad of variations that have to be compensated for.  

Taking a wild stab I'd say you have at least  27" screen, out in the wild 15 to 22" are more common.

[golfinghomer1]

Sojo,

Thank you again for an excellent turn around.

I see what you are saying , that has caught me out before, it's an age thing, eyes and finger's out of sync does not help.

I have corrected the directory structure, but it still will not load.  Could it be a corupted photo, i was thinking of replacing photo with another photo to see if it is a location issue or the content going into the location.

have you managed to have a think about why the smaller size photos seem to freeze half way through loading and then fill up with a grey colour leaving half or 25% only of the image loaded.

Thank you again for your help

Les

[golfinghomer1]

It's me again sir,

I have changed the photo's in both locations that will not show when on line, it looks like a location issue, I have shown you the index page where the photo is located on one of the failures.

<div id="container">
<div id="header">
<p>Goodfellas Golf Society</p>
</div>
<div id="sub_header">
<p>Monthly Medal Results</p>
</div>
<div id="medal_trophy">
<img src="../images/monthly_medal_cup/cup_green.jpg" width="340" height="600" alt="medal cup photo" /></div>
<div id="january">
<table width="240" border="4">
<tr>
<th width="200" scope="january medal">JANUARY 2012</th>
<th width="30" scope="H/C">Net</th>
<th width="30" scope="Pts">Pts</th>
</tr>
<tr>
<td>IAN KANE</td>
<td align="center">68</td>
<td align="center">39</td>
</tr>

The table goes on for 20 entries then I have my footer file.

After you excellent tip on case sensitive issues I did a minesweep and found an extra line in one of the failing listings I removed it but it still failed.

Sorry to keep bothering you

Just tell me to go away if I am getting on your nerves

Les

[Sogo7 · Accepted solution]

Give it a few weeks and the digital landscape inside of your website will be as familiar to you as your local golf course.

You now have the name of the images folder correct but when you changed the name of the trophy photo from  monthly_medal.jpg  to cup_green.jpg things went wrong. There's no image by that name, I think you probably meant to use the photo cup_green_long.jpg. The gallery pages also suffer from the same hiccup where the web page is asking for image it does not have. It's looking for dummy_photo.jpg, I could not find it but there is one called dummy_members.jpg.

The slow loading of thumbnail size images for example to the left of  "Captains Tour Weekend 2012" is a classic scaling hiccup. Depending on your internet connection it may also cause failure to load the complete image.

Though the image looks small measuring just 100 x 100 pixels on screen, in reality what has happened is that you have asked the page to squash the original full size image onto a postage stamp.

colin_sat_comp.jpg is actually 3,648px × 2,736pixels in size and wieghs in at a whopping 1.1megabytes. It takes a noticeable amount of time to move that much data even with a broadband connection.

Ideally you should take the images from your camera and scale them down using a graphics or photo editor package before adding them to the site and I can see you have done this already with some photos. This will get the  entire page down to a more healthy file size and it will load up the way you hoped.

ps: I've nearly got as much grey hair as yourself and a lack of fine motor skill that would make me a danger to others if I tried swinging a golf club. 

Best regards

Jon

[golfinghomer1]

Jon, how can I pay you for your valuable time on this matter.

It is people like you that make the world go round smoothly I swear.

Is there a web page on BT that allows us idiots,

(who try to do things right, but **bleep** them up with time wasting stupid mistakes, that there is no excuse for),

to put a THANK YOU and make other users like me, know where you are and how helpful you are.

I sincerely hope I do not bother you again, in a nice way,

but knowing me I cannot guarantee this,

THANK YOU again for your help and for being there.

Les (will try harder) Keen

[Sogo7]

Building a complete website from the ground with all the 'whistles & bells' involves a huge learning curve and there is no shame in asking questions. Even seasoned web designers have to ask others for assistance with some problems such is the complexity with the really advanced stuff.

If anything it is you sir who deserve highest praise and some financial reward taking on this project for the club and in the event somebody says web design is easy work, feel free to thrash them with a putter!

General help:
http://www.webdesignerforum.co.uk
http://x10hosting.com/forums/forum.php

CSS web page layouts, Menus and Javascripts
http://www.dynamicdrive.com/style/layouts
http://www.free-css-templates.com

Free Tutorials:
http://www.htmldog.com/
http://www.tizag.com/
http://www.w3schools.com/

Also may be useful..
http://www.colormatters.com/color-and-design/basic-color-theory
http://www.colorcombos.com