image not appearing/loading

[pieterh]

Hi,

I am expiriencing a weird problem. I finished building the website schurgersdesign.com (http://www.schurgersdesign.com) and while testing it, it seems that certain people have problems viewing the site.

The problem:
Images won't appear. I've created a simple test page with two images. The first is a watch and the second of a motorcycle. The watch image dosn't appear in some occasions.
Link: http://www.schurgersdesign.com/test/.

On the main site the problem arises in the "design" section. The "products" section has no problem.
The pages are using javascript. The script calls for images which the browser can't seem to find/load (don't know). Because of this none of the javascript is loaded...

Can anyone help?

Configuration were problem appears:
MS WinXP (home edition) running IE6.0.

No problem:
- XPPro/98se with IE 5.x/6.0
- Mac OSX with IE 5.2

Cheers,
Pieter

[The Cheat]

Ok, well, i checked out your test page, and i didn't see any code that was horrible enough to make an image simply not display.

However, you should start validating your html markup (http://webdevfaqs.com/html.php#validate).

Also, on your main website, you are using tables for non-tabular data. You should read the article why using tables for layout is stupid. (http://www.hotdesign.com/seybold/)

Also i noticed you used microsoft frontpage on your test page. Frontpage is trash. I dont know if you always use frontpage, but i'd highly recomend finding the uninstall button.

[pieterh]

Thanks for the reply.

The problem is very weird. How can it be that some people can and some can't see both images on: http://www.schurgersdesign.com/test/. ???

Cheers,
Pieter

[The Cheat]

also i notice that you arent using any essential markup such as the <p> tag's and <h1>-<h6> tags. And some of your <title> tags are empty.

These tags are extremely important when it comes to getting good search engine rankings, and making your website more accessible to people with disabilities.

[pieterh]

Hmm.. good one! The title haven't been added yet. That was going to be my last step.

the <p> tag and <h1> etc tags aren't in use because I'm using stylesheets.. but I'll check out your site about tables..

cheers,
Pieter

[The Cheat]

Originally posted by pieterh
I'll check out your site about tables..

cheers,
Pieter
Do that! :)

Good luck with everything. I'm sure some more web designers will post and probably expand upon what i've mentioned.

If you are serious about becoming a good web developer. You should learn to code using valid, accessible, semanticly correct html and not to use any presentational markup inside of your documents-Thats what external stylesheets are for. As you will read in the article, about seperating content from design.

[pieterh]

Thanks!

Nevertheless, my problem is still there.

Can you or someone else solve the problem why top (of two) image doesn't always appear on: http://www.schurgersdesign.com/test

Cheers,
Pieter

[PhillMc]

i have also looked over the code; try elimating the <p> tags around your images, FrontPage will always throw unneeded and proprietary code into pages it creates, so I also recommend not using FrontPage. :)

[pieterh]

Hi,

Thanks for the advice. I know the code and my editor is not preffered, but that isn't the problem ;)

The problem is that top image doesn't display on certain computers. What could be wrong with the image?

Cheers,
Pieter

p.s. I changed the code and took away the <p> tag and frontpage BS :cool:

[PhillMc]

Well, you say "certain" computers, but we need to know more than that... Like what OS, what browser is default, etc. If there was a problem with the image it wouldn't display at all.

Also, I just looked at the source, why all the JS?? You are using javaScript for your link rollovers when that can be done much more accessibly with CSS. That could indeed be the problem.

Edit:: Just saw initial post, lol

[The Cheat]

theres nothing wrong with the image

it could be a number of things though.
It could be your html code
it could be your webserver going wack
it could be the clients browser is messed up
...

[PhillMc]

True, all of the above could be wrong, but I do think its all the JS.

[The Cheat]

ok, pieterh, i tested your start.html page (http://www.schurgersdesign.com/uk/start.html) in the following web browsers, and in all of the browsers the images displayed.

the browsers tested:
internet explorer 6
internet explorer 5.5
internet explorer 5.01
internet explorer 4.01
internet explorer 3.0
netscape 7.2
netscape 6.2
netscape 4.7
mozilla firefox 0.8
opera 7.23
opera 6.06
opera 5.0
safari 1.2 (http://www.danvine.com/icapture/)

My operating system is windows xp home edition.

oh by the way, when i tested it in internet explorer i tested it with both javascript enabled and disabled. The images still displayed.

[Nedals]

I notice on your website pages you are using a lot of ../../ in your paths. Are you aware that if you preceed the image URL with a '/' ie: "/images/...../img.jpg", the path will always start from the home-page directory on an Apache server (which you appear to be using).
Those ../../'s MAY be causing you a problem!

[PhillMc]

Hmm, why didn't I think of that!? LOL

[pieterh]

Hi,

I think I found the solution...

OK.. I know you guys think I shouldn't be using Frontpage (Bill is forcing me ;)).. but ok..

Frontpage creates .htaccess files. These files were (hidden) in certain directories. On the computer that was expiriencing dificulties the following was running:
- WINXP home v. 2002 sp1
- IE 6.0.2800
- Norton Internet Security v.7.06.17

After turning the Norton software off the page could be seen properly... :confused:

so.. i'm know in the process of deleting all FP (.htaccess) files..

Hope that will do the trick..

Cheers,
Pieter

[PhillMc]

YIKES!! Scary to think that M$FP sites require firewalls to be off to view. Just gives me more ammo against M$, LOL

[The Cheat]

that makes absolutely no sense.

[pieterh]

I notice on your website pages you are using a lot of ../../ in your paths. Are you aware that if you preceed the image URL with a '/' ie: "/images/...../img.jpg", the path will always start from the home-page directory on an Apache server (which you appear to be using).
Those ../../'s MAY be causing you a problem!

Hi,

When I use advice above, I can't get the images to appear on my pc (offline). Probably because it will look for the directory in the root of my drive. How can I work around this? Or should I always upload for a preview?

Cheers,
Pieter

[Nedals]

Originally posted by pieterh
When I use advice above, I can't get the images to appear on my pc (offline). Probably because it will look for the directory in the root of my drive. How can I work around this? Or should I always upload for a preview?That is, indeed, a problem. I do not know of a work-around.

[pieterh]

Hi,

So I guess the method is good for a template page of which all pages based on this template ("child pages") appear in different "depths" within the site structure. When programming the template, offline, the code could then be transformed so no problems would arise when creating the child pages.

Is there no javascript or something within a stylesheet that could tell the page where the root of the site is located?

Cheers,
Pieter