4 Replies - 2944 Views - Last Post: 13 December 2010 - 06:41 PM

#1 mil1234  Icon User is offline

  • D.I.C Head

Reputation: 4
  • View blog
  • Posts: 109
  • Joined: 01-February 09

images not loading in firefox

Posted 05 December 2010 - 04:27 PM

Hi to all,

i'm rather new to html and css and doing my first real website...the problem i have is that images that are being loaded normally when using IE are not loading when trying it with modzilla firefox??

Thanks to all
Is This A Good Question/Topic? 0
  • +

Replies To: images not loading in firefox

#2 drhowarddrfine  Icon User is offline

  • D.I.C Regular

Reputation: 39
  • View blog
  • Posts: 275
  • Joined: 28-July 10

Re: images not loading in firefox

Posted 05 December 2010 - 06:07 PM

Without the markup or a link it's impossible to tell but I'd bet you are using Windows backward slashes '\' instead of forward slashes '/' in your URIs.
Was This Post Helpful? 1
  • +
  • -

#3 mil1234  Icon User is offline

  • D.I.C Head

Reputation: 4
  • View blog
  • Posts: 109
  • Joined: 01-February 09

Re: images not loading in firefox

Posted 09 December 2010 - 12:48 AM

Hi guys, this below is my code till now(i'm still a begineer and experimenting)(Html and Css)..The problem is still the same as the pictures arent loading in mozilla firefox.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="1.css" />
<title>Newbies Camping Guide</title>
<body>
<table class = "upper">
<tr>
<td><img src = "C:\Documents and Settings\Administrator\My Documents\My Pictures\campfireFamilt.jpg" width="300px" height="170px" alt = "Family at Camping"/>

<img src = "../My Documents/My Pictures/campSite3.jpg" alt = "ghjj">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<h1 id = "hd1"><img src = "C:/Documents and Settings/Administrator/Desktop/NewbiesCampingWebsite/images/Picture14.gif" alt = "dfdgfh"/></h1></td>
</tr>
</table>
<table class = "body">
<tr>
<td class = "navigCol">
<ul><li>
<a href="#home"><img src = "C:/Documents and Settings/Administrator/Desktop/NewbiesCampingWebsite/images/homeIconP.gif" alt = "edgtrgrhg"/></a>
<br></br><br></br>
<a href="#tents guide">Tents Guide</a><br></br><br></br>
<a href="#equipment">Equipment</a><br></br><br></br>
<a href="#camping cooking">Camping Cooking</a><br></br><br></br>
<a href="#activities">Activities</a><br></br><br></br>
<a href="#camping sites">Camping Sites</a><br></br><br></br>
<a href="#forum">Forum</a>
</li></ul>


</td>
<td><img src = "C:/Documents and Settings/Administrator/Desktop/NewbiesCampingWebsite/56567657654.gif" alt = "dgffhfh"/>
</td>
</tr>
</table>
<table class = " lower">
<tr>
<td>
</td>
</tr>
</table>
<br></br><br></br><br></br><br>
</br><br></br>
</body>
</head>
</html>


and this is the css file:

table.upper{width:1050px;background-color:green;height:130px;
margin-left:95px;background-image:none;}

table.body{border:2px solid black;margin-left:95px;height:600px;width:1050px;}

td.navigCol{width:180px;background-color:Gainsboro;background-image:none;}

table.lower{border:2px solid black;width:1050px;height:150px;margin-left:95px;}

#hd1{top:65px;position:absolute;font-size:65px;text-align:center;}

ul{font-family:"Algerian";font-size:24px;left:65px;position:absolute;top:180px;display:block;
padding:40px;color:black;}

a{color:black;}



n.b---i've tried changing the url slashes to forwards and not as they are in windows but nothing happened.The thing that is frustrating me the most is that when i do a simple html file and put an <img src = "vbbvbbbbbb" etc " inside it works!!!!!!!!!!!!!!!!!!!!!!

thanks for the help guys
Was This Post Helpful? 0
  • +
  • -

#4 Dormilich  Icon User is offline

  • 痛覚残留
  • member icon

Reputation: 3485
  • View blog
  • Posts: 10,045
  • Joined: 08-June 10

Re: images not loading in firefox

Posted 09 December 2010 - 02:27 AM

firstly, an image should originate from the webserver (this may be not a problem when developing locally, but later you will serve your page via server).

the easiest is a relative path from the fileís location, e.g.
<img src="images/homeIconP.gif" alt="edgtrgrhg">


you could also use an absolute path. here it only makes sense to query the webserver.
<img src="http://example.org/images/homeIconP.gif" alt="edgtrgrhg">


you can of course try to load local files, but this will only work for 1 computer (your own)
<img src="file://C:/Documents and Settings/Administrator/Desktop/NewbiesCampingWebsite/images/homeIconP.gif" alt="edgtrgrhg">

note that you have to specify a transfer protocol as well (itís an absolute file path, after all)
Was This Post Helpful? 0
  • +
  • -

#5 jeepguy1988  Icon User is offline

  • New D.I.C Head
  • member icon

Reputation: 2
  • View blog
  • Posts: 14
  • Joined: 11-September 09

Re: images not loading in firefox

Posted 13 December 2010 - 06:41 PM

Another thing that you can do is that you can put the images into the same folder as your HTML code. So all you would have to do to get it to work would be to do the following:

<img src="yourimage.gif" alt"Image" />



Understanding file structure will help you immensely as you get into your web development. Hope this helps!
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1