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> </p>
<p> </p>
<p><img src="/images/apoc.jpg" width="127" height="80">About Vakko</p>
<p>
</p>
</div>
<div class="story">
<h3> </h3>
<p>
</p>
<p>
</p>
</div>
<div class="story">
<h3> </h3>
<p>
</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> | ©2003
Company Name
</div>
<br>
</body>
</html>
Images not loading
Started by
_*Dasra_*
, Sep 10 2004 05:50 AM
7 replies to this topic
#1 _*Dasra_*
Posted 10 September 2004 - 05:50 AM
#2 _*Jay_*
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_*
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.
#4 _*SERB-4-LIFE_*
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 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 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 thats all i would try doing and then i would seek for help from someone else
ps. write back to see what happened
#5 _*Dasra_*
Posted 10 September 2004 - 09:58 AM
ah yes that did it cheers serb, removing the / did the trick
#6 _*SERB-4-LIFE_*
Posted 10 September 2004 - 08:16 PM
no worries man
#7 _*Gio_*
Posted 11 September 2004 - 12:44 AM
Serb showed someone else how to fix there code?
#8 _*SERB-4-LIFE_*
Posted 13 September 2004 - 06:44 AM
yes dude i am not that dumb i know html
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users