Using img src: Seeing inconsistent display of images.

9 New Member

Ok... Let me start over since I had miss labeled the other question and it ended up in phpland and I failed to follow the posting rules. Sorry, here's a rework.

(hey... I just saw the html code in it's window during a message preview. That is nice. Sorry I miss posted the html code the first time)

I'm using standard HTML on a ISP website (Lunarpages) running Lunix. I'm displaying images with the html img src command by full url.
Operating system Linux
Kernel version 2.4.21-47.ELsmp
Machine Type i686
Apache version 1.3.37 (Unix)

The images display about 50% of the time. After the failure I can post the full url in the web browser and pull up the image. The images are held at another seperate website (Smugmug).

I'll continue testing to determine if it would it help to drop the [HTML]http:// [/HTML]

Or if the url should be all lowercase?

I have ran additional tests from other public computers (public library) and have seen the same results.

I am asking for assistance to see if I have some html code errors or missing parms that may cause my problems or need additional parms that may remove this problem. Or if there is some way to help insure that the images load.
(and if other are seeing this problem)

I see some sites using more complex starting info (such as DOCTYPE). Would that help?

Any information on diagnostic techniques is welcome so that I could solve problems myself in the future.

Here is the site/page

www.elementope.com/indextest.html

The HTML code is listed below on can be viewed directly using the view source command on your browser while at the site.

[HTML] <html>
<head>
<title></title>
</head>
<body bgcolor="#FFFFFF">
</body>
 
Original
<img src="http://IamaReporter.smugmug.com/photos/123964789-O.jpg" alt="Org" />
 
Large
<img src="http://IamaReporter.smugmug.com/photos/123964789-L.jpg" alt="Large" />
 
Med
<img src="http://IamaReporter.smugmug.com/photos/123964789-M.jpg" alt="Med" />
 
Small
<img src="http://IamaReporter.smugmug.com/photos/123964789-S.jpg" alt="Small" />
 
Thumbs
<img src="http://IamaReporter.smugmug.com/photos/123964789-Th.jpg" alt="Thumb" width="73" height="68" />
 
Tiny
<img src="http://IamaReporter.smugmug.com/photos/123964789-Ti.jpg" alt="Tiny" />
 
 
 
Original
<img src="http://IamaReporter.smugmug.com/photos/123959854-O.jpg" alt="Org" />
 
Large
<img src="http://IamaReporter.smugmug.com/photos/123959854-L.jpg" alt="Large" />
 
Med
<img src="http://IamaReporter.smugmug.com/photos/123959854-M.jpg" alt="Med" />
 
Small
<img src="http://IamaReporter.smugmug.com/photos/123959854-S.jpg" alt="Small" />
 
Thumbs
<img src="http://IamaReporter.smugmug.com/photos/123959854-Th.jpg" alt="Thumb" width="73" height="68" />
 
Tiny
<img src="http://IamaReporter.smugmug.com/photos/123959854-Ti.jpg" alt="Tiny" />
</html>
[/HTML]

Thanks, KC

Jan 19 '07 #1

Subscribe Reply

2275

kansaschuck

New Member

Ok... Let me start over since I had miss labeled the other question and it ended up in phpland and I failed to follow the posting rules. Sorry, here's a rework.

(hey... I just saw the html code in it's window during a message preview. That is nice. Sorry I miss posted the html code the first time)

I'm using standard HTML on a ISP website (Lunarpages) running Lunix. I'm displaying images with the html img src command by full url.
Operating system Linux
Kernel version 2.4.21-47.ELsmp
Machine Type i686
Apache version 1.3.37 (Unix)

The images display about 50% of the time. After the failure I can post the full url in the web browser and pull up the image. The images are held at another seperate website (Smugmug).

I'll continue testing to determine if it would it help to drop the [HTML]http:// [/HTML]

Or if the url should be all lowercase?

I have ran additional tests from other public computers (public library) and have seen the same results.

I am asking for assistance to see if I have some html code errors or missing parms that may cause my problems or need additional parms that may remove this problem. Or if there is some way to help insure that the images load.
(and if other are seeing this problem)

I see some sites using more complex starting info (such as DOCTYPE). Would that help?

Any information on diagnostic techniques is welcome so that I could solve problems myself in the future.

Here is the site/page

www.elementope.com/indextest.html

The HTML code is listed below on can be viewed directly using the view source command on your browser while at the site.

[HTML] <html>
<head>
<title></title>
</head>
<body bgcolor="#FFFFFF">
</body>
 
Original
<img src="http://IamaReporter.smugmug.com/photos/123964789-O.jpg" alt="Org" />
 
Large
<img src="http://IamaReporter.smugmug.com/photos/123964789-L.jpg" alt="Large" />
 
Med
<img src="http://IamaReporter.smugmug.com/photos/123964789-M.jpg" alt="Med" />
 
Small
<img src="http://IamaReporter.smugmug.com/photos/123964789-S.jpg" alt="Small" />
 
Thumbs
<img src="http://IamaReporter.smugmug.com/photos/123964789-Th.jpg" alt="Thumb" width="73" height="68" />
 
Tiny
<img src="http://IamaReporter.smugmug.com/photos/123964789-Ti.jpg" alt="Tiny" />
 
 
 
Original
<img src="http://IamaReporter.smugmug.com/photos/123959854-O.jpg" alt="Org" />
 
Large
<img src="http://IamaReporter.smugmug.com/photos/123959854-L.jpg" alt="Large" />
 
Med
<img src="http://IamaReporter.smugmug.com/photos/123959854-M.jpg" alt="Med" />
 
Small
<img src="http://IamaReporter.smugmug.com/photos/123959854-S.jpg" alt="Small" />
 
Thumbs
<img src="http://IamaReporter.smugmug.com/photos/123959854-Th.jpg" alt="Thumb" width="73" height="68" />
 
Tiny
<img src="http://IamaReporter.smugmug.com/photos/123959854-Ti.jpg" alt="Tiny" />
</html>
[/HTML]

Thanks, KC

I've contacted the site holding the images (Smugmug) and they say the images are there and that I should try clearing my cache. Some times that helps and the images begin displaying again. And if I cut the image URL from the code in 'view source' and post it to the browser then normally the image will display. Sometime they begin displaying and then later they quit.

Is there some way to log or trap the session?

FYI Firefox 1.5.0.9

Thanks,

Jan 19 '07 #2

drhowarddrfine

7,435

Recognized Expert Expert

You are missing some of the basics of a web page. The general format is this:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>

<title>Your title</title>

</head>

<body>

</body>

</html>

You are closing the body with </body> which may be the reason the images aren't showing. In addition, you are using Xhtml ending tags /> but your page is using html. Browsers sometimes ignore everything after the slash in that case.

The doctype is required but you don't have one. A doctype is the set of rules you are telling browsers you are using.

I think you need a look at a good tutorial on html and css before you continue. I like this guy.

Jan 19 '07 #3

kansaschuck

New Member

You are missing some of the basics of a web page. The general format is this:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>

<title>Your title</title>

</head>

<body>

</body>

</html>

You are closing the body with </body> which may be the reason the images aren't showing. In addition, you are using Xhtml ending tags /> but your page is using html. Browsers sometimes ignore everything after the slash in that case.

The doctype is required but you don't have one. A doctype is the set of rules you are telling browsers you are using.

I think you need a look at a good tutorial on html and css before you continue. I like this guy.

The Dr was in!

Thanks! that seemed to have calmed things down. And your html guy gives great, clear examples. He doesn't go real deep but I think that's why you sent me there so that I didn't get lost in all the options. I was in need of clean basic code.

Big thanks drhowarddrfine!

kc

Jan 21 '07 #4

Similar topics

Navbar Image Rollover using CSS

by: Applebrown | last post by:

Greetings, I'm attempting to make a simple horizontal navbar with three image links, and with those images replaced on hover and active... and I'm not sure of the proper CSS to do this, though...