Jump to content


Images not loading


  • Please log in to reply
7 replies to this topic

#1 _*Dasra_*

_*Dasra_*
  • Guests

Posted 10 September 2004 - 05:50 AM

I'm new to web design so to some this question could have a simple answer (hope it does).
I've just started on the home page of my site and decided to look at it from a browser, every thing loaded fine apart from the images i just get a blank box with an "X" in the corner. i'm useing dreamweaver and incase u need it heres the code.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR...ml4/loose.dtd">
<html>
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Homepage</title>
<link rel="stylesheet" href="2col_leftNav.css" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<!-- The structure of this file is exactly the same as 2col_rightNav.html;
the only difference between the two is the stylesheet they use -->
<body>
<div id="masthead">
<h1 id="siteName"><img src="/images/website%20banner%202.jpg" width="286" height="43"></h1>
</div>
<!-- end masthead -->
<div id="content">
<div id="breadCrumb">
</div>
<h2 id="pageName"><img src="/images/Title-banner.jpg" width="382" height="36"></h2img>
<div class="feature"><img src="/images/breacher.jpg" width="123" height="78"> <img src="/images/Thorax.jpg" width="124" height="79">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img src="/images/apoc.jpg" width="127" height="80">About Vakko</p>
<p>&nbsp;
</p>
</div>
<div class="story">
<h3>&nbsp;</h3>
<p>

</p>
<p>&nbsp;
</p>
</div>
<div class="story">
<h3>&nbsp;</h3>
<p>&nbsp;
</p>
</div>
</div>
<!--end content -->
<div id="navBar">
<div class="relatedLinks">
<h3>Nav Bar </h3>
<ul>
<li>About Us</li>
<li>Forums</li>
<li>Order Ships </li>
<li>Order Mods </li>
<li>Order Ammo </li>
</ul>
</div>
<div class="relatedLinks">
<h3>EVE Fansites </h3>
<ul>
<li class="feature"><a href="http://www.eve.is">EVE Online </a></li>
<li class="feature"><a href="http://www.eve-i.com">EVE I</a> </li>
<li class="feature"><a href="www.evegate.net">EVE Gate</a></li>
<li class="feature"><a href="www.eve-db.com">EVE DB</a> </li>
<li class="feature"><a href="http://home.comcast..../index.htm">EVE Guardian</a></li>
</ul>
</div>
<div id="advert">
<img src="" alt="" width="107" height="66"> Ad copy ad copy ad copy. Ad
copy ad copy.
</div>
<div id="headlines">
<h3>Headlines</h3>
<p>
Headline <a href="#">full story...</a>
</p>
<p>
Headline <a href="#">full story...</a>
</p>
<p>
Headline <a href="#">full story...</a>
</p>
<p>
Headline <a href="#">full story...</a>
</p>
</div>
</div>
<!--end navbar -->
<div id="siteInfo">
<img src="" width="44" height="22"> <a href="#">About Us</a> | <a href="#">Site
Map</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | &copy;2003
Company Name
</div>
<br>
</body>
</html>

#2 _*Jay_*

_*Jay_*
  • Guests

Posted 10 September 2004 - 07:04 AM

<div id="advert"> 
<img src="" alt="" width="107" height="66"> Ad copy ad copy ad copy. Ad
copy ad copy.
</div>

none of your images are set to point anywhere, only to actually display, point your src="" to where the images you want to display are

#3 _*Dasra_*

_*Dasra_*
  • Guests

Posted 10 September 2004 - 07:35 AM

thanks for replying, though due to my no0bness at this i'm not quite getting it, could u give an example of what the img line should look like. B)

#4 _*SERB-4-LIFE_*

_*SERB-4-LIFE_*
  • Guests

Posted 10 September 2004 - 09:44 AM

<div id="advert"> 
<img src="url/to the image/image.jpg" alt="" width="107" height="66"> Ad copy ad copy ad copy. Ad
copy ad copy.
</div>

i think that thats what its supposed to be B) just change the url to the image if the image if is in the same filder as this file, than it should just be

<div id="advert"> 
<img src="image.jpg" alt="" width="107" height="66"> Ad copy ad copy ad copy. Ad
copy ad copy.
</div>

yeh i am not sure about this i would try this to see if it works :P just change the image.jpg with an actual image name and format such as .gif .png . jpg ......




sorry have to edit this post, i was reading through the text and i saw this
<h1 id="siteName"><img src="/images/website%20banner%202.jpg" width="286" height="43">

see this "/images/website%20banner%202.jpg" i would get the / out of there the first one so it would be something like this "images/website%20banner%202.jpg"
see the / in front of the images is deleted try that :D thats all i would try doing and then i would seek for help from someone else :D

ps. write back to see what happened :D

#5 _*Dasra_*

_*Dasra_*
  • Guests

Posted 10 September 2004 - 09:58 AM

ah B) yes that did it cheers serb, removing the / did the trick

#6 _*SERB-4-LIFE_*

_*SERB-4-LIFE_*
  • Guests

Posted 10 September 2004 - 08:16 PM

no worries man B)

#7 _*Gio_*

_*Gio_*
  • Guests

Posted 11 September 2004 - 12:44 AM

Serb showed someone else how to fix there code? B)

#8 _*SERB-4-LIFE_*

_*SERB-4-LIFE_*
  • Guests

Posted 13 September 2004 - 06:44 AM

yes :) dude i am not that dumb i know html :P :D




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users