Hi All

I've got a weird problem. With exactly the same html/css file the image displays on IE and HTML-KIT but it doesn't display on Firefox. How do I resolve this problem? I've tried virtually everything

this is where i got the image from: http://en.wikipedia.org/wiki/St._Bartholom...;s_Day_massacre

See html/css below.

Regards to all

luigie

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 

<html>

<head>

<title>Pixel's Page</title>

<meta name="http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

<link fref="simplestyles.css" rel="stylesheet" type=text/css" />

<style type="text/css">

@import "complexstyles.css";

body { font-family: verdana, geneva, arial, helvetica, sans-serif;

font-size: 12px; line-height: 16px; background-color: white; color: teal;}

 

h1 {font-family: "trebuchet ms", verdana, geneva, arial, helvetica, sans-serif;

font-size: 24px; line-height: 26px;}

 

a {text-decoration: none; font-weight: bold}

a:link {color: blue}

a:visited {color: #93c}

a:hover {text-decoration: underline}

 

.navbar {

background-color: #ccc;

border-bottom: #999;

border-left: #999;

border-width: 0 0 thin thin;

border-style: none none groove groove;

display: block;

float: left;

margin: 0 0 0 10px;

padding: 0 10px 0 10px;

width: 100px;

}

 

#therose {position: absolute; top: 100px; left: 100px;

z-index=-1;}

 

</style>

 

</head>

<body>

<h1>I'm Pixel the Rose. Welcome to my page.</h1>

<div class="navbar">Links of interest:<br />

<a href="href="http://www.google.com/">Google</a><br />

<a href="href="http://www.amazon.com/">Amazon</a><br />

<a href="href="http://www.yahoo.com/">Yahoo</a>

</div>

<img src="C:/users/llewelyn tudor/desktop/Francois_Dubois_001.jpg" alt="Francois_Dubois" />

 

</body>

</html>

The imge path is wrong - C:/users/llewelyn tudor/desktop/Francois_Dubois_001.jpg is the path to the image on your computer.

 

It needs to be relative to the page on your web server, ie

 

<img src="Francois_Dubois_001.jpg" alt="Francois_Dubois" />

 

or if you have your images in a sub folder

 

<img src="images/Francois_Dubois_001.jpg" alt="Francois_Dubois" />

The imge path is wrong - C:/users/llewelyn tudor/desktop/Francois_Dubois_001.jpg is the path to the image on your computer.

 

It needs to be relative to the page on your web server, ie

 

<img src="Francois_Dubois_001.jpg" alt="Francois_Dubois" />

 

or if you have your images in a sub folder

 

<img src="images/Francois_Dubois_001.jpg" alt="Francois_Dubois" />

Hi Blue dreamer,

Thank you very much for your response.

I've tried that it still doesn't work.

firefox just won't show the image but IE and HTML-Kit do....

Please can someone help! :-(

Best regards

luigie

Hi Blue dreamer,

Thank you very much for your response.

I've tried that it still doesn't work.

firefox just won't show the image but IE and HTML-Kit do....

Please can someone help! :-(

Best regards

luigie

 

Hi Luigie

 

Are you trying this locally, or have you a link, where is the image located, have you checked the the upper and lower case letters are the same in the html as the actual file.

 

Pat

 

EDIT: Just checked the image you have, if you saved it as it was, its actually named 180px-Francois_Dubois_001.jpg

try replacin your code with this

 

</head>
<body>
<h1>I'm Pixel the Rose. Welcome to my page.</h1>
<div class="navbar">Links of interest:<br />
<a href="http://www.google.com/">Google</a><br />
<a href="http://www.amazon.com/">Amazon</a><br />
<a href="http://www.yahoo.com/">Yahoo</a>
</div>
<img src="C:/users/llewelyn tudor/desktop/Francois_Dubois_001.jpg" alt="Francois_Dubois" />

 

Pat

Hi Luigie

 

Are you trying this locally, or have you a link, where is the image located, have you checked the the upper and lower case letters are the same in the html as the actual file.

 

Pat

 

EDIT: Just checked the image you have, if you saved it as it was, its actually named 180px-Francois_Dubois_001.jpg

Hi Pat

Thanks!

I tried putting 180px- before the name and it doesn't display on any browser. I've now re-done the whole page with two images.

both images appear correctly on IE and HTML-Kit but NOT on firefox.

here is the latest copy/paste:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/XHTML1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Pixel's Page</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

body { font-family: verdana, geneva, arial, helvetica, sans-serif;

font-size: 12px; line-height: 16px; background-color: white; color: teal;}

 

h1 {font-family: "trebuchet ms", verdana, geneva, arial, helvetica, sans-serif;

font-size: 24px; line-height: 26px;}

 

a {text-decoration: none; font-weight: bold}

a:link {color: blue}

a:visited {color: #93c}

a:hover {text-decoration: underline}

 

.navbar {

background-color: #ccc;

border-bottom: #999;

border-left: #999;

border-width: 0 0 thin thin;

border-style: none none groove groove;

display: block;

float: left;

margin: 0 0 0 10px;

padding: 0 10px 0 10px;

width: 100px;

}

 

#therose {position: absolute; top: 100px; left: 100px;

z-index=-1;}

 

</style>

 

</head>

<body>

<h1>I'm Pixel the Rose. Welcome to my page.</h1>

<div class="navbar">Links of interest:<br />

 

<a href="http://www.google.com/">Google</a><br />

<a href="http://www.amazon.com/">Amazon</a><br />

<a href="http://www.yahoo.com/">Yahoo</a>

</div>

<img src="C:\Users\Llewelyn Tudor\Pictures\Web Design\floralrose0659.jpg" alt="The Rose" width="320" height="240" id="therose" />

 

<img src="C:/users/images/Francois_Dubois_001.jpg" alt="Francois_Dubois" />

</body>

</html>

Best regards

luigie

Ok

 

Start with the obvious, have you disabled firefox from showing images, tools,options, content, load images automatically.

 

where are you saving your html file to, if its not in its own folder, put it in one and create another folder in there called images, put your images in the images folder and change your html to this.

 

 

<img src="images/floralrose0659.jpg" alt="The Rose" width="320" height="240" id="therose" />

<img src="images/Francois_Dubois_001.jpg" alt="Francois_Dubois" />

 

Give it a go

 

Pat

hmmm, seems pretty mad.