cluelessguy
06-21-2007, 11:50 PM
Hi there,
I have put together a simple website. Its not complete yet...however, the big issue that's holding me back is that an image file called collaga1.jpg is not appearing on the left hand side of the screen.
for some reason, it only appears on the screen (right hand side) if i take off the line:<a href='http://www.ebay.com'></a>
don't ask me why i put that line of code in...but without it...everything gets screwy.
</div>
<div id="centralize">
<img src="collage1.jpg">
<a href='http://www.ebay.com'></a>
</div>
The coding is below...including the the .ccs file referencing the img in question.
can you help explain how i can get the collaga on the right hand side?
#wrap{width:800px;margin:0px auto;border:1px solid black;height:900px;}
#header{border-bottom:0px solid black;height:200px;}
#header img{border-bottom:1px solid black;}
#navbar{margin-top:10px;margin-left:5px;}
#navbar li{
list-style-type:none;border:1px solid black;width:150px;
background-color:#aafefe;text-align:center;margin-top:2px;float:left;margin-right:5px;}
#navbar li a{color:black;text-decoration:none;}
#navbar li a:hover{color:blue;background-color:#FF00FF;}
#centralize{float: left;margin-top:10px;}
#promotions{margin-top:50px;margin-left:440px;border:1px solid black;
position:relative;right:50px;background-color:#faa4a7;padding:10px;}
#statement{width:800px;margin:0px auto;}
<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<body>
<title></title>
<FONT FACE="ARIAL" SIZE="+1" COLOR="#FF0000"><MARQUEE bgcolor
="#FFCCCC" loop="-1" scrollamount="4" width="100%">...</font></MARQUEE>
<link rel="stylesheet" type="text/css" media="all" href="swimwearcssus.css" />
<div id="wrap">
<div id="header">
<img src="header1.jpg">
</div>
<div id ="navbar">
<li><a href=</a></li>
<li><a href=</a></li>
<li><a href='></a>
<li><a href='></a>
<li><a href='></a>
</div>
<div id="centralize">
<img src="collage1.jpg">
<a href='http://www.ebay.com'></a>
</div>
<div id ="promotions">
<a href=" border="0"> </a><br />
</div>
</div>
<p id="statement"><BR><BR><BR><BR>
<BR><BR><B> </B><BR><BR>
<BR><BR><B>Privacy Policy</B> <BR><BR>
</p>
</body>
</html>
I have put together a simple website. Its not complete yet...however, the big issue that's holding me back is that an image file called collaga1.jpg is not appearing on the left hand side of the screen.
for some reason, it only appears on the screen (right hand side) if i take off the line:<a href='http://www.ebay.com'></a>
don't ask me why i put that line of code in...but without it...everything gets screwy.
</div>
<div id="centralize">
<img src="collage1.jpg">
<a href='http://www.ebay.com'></a>
</div>
The coding is below...including the the .ccs file referencing the img in question.
can you help explain how i can get the collaga on the right hand side?
#wrap{width:800px;margin:0px auto;border:1px solid black;height:900px;}
#header{border-bottom:0px solid black;height:200px;}
#header img{border-bottom:1px solid black;}
#navbar{margin-top:10px;margin-left:5px;}
#navbar li{
list-style-type:none;border:1px solid black;width:150px;
background-color:#aafefe;text-align:center;margin-top:2px;float:left;margin-right:5px;}
#navbar li a{color:black;text-decoration:none;}
#navbar li a:hover{color:blue;background-color:#FF00FF;}
#centralize{float: left;margin-top:10px;}
#promotions{margin-top:50px;margin-left:440px;border:1px solid black;
position:relative;right:50px;background-color:#faa4a7;padding:10px;}
#statement{width:800px;margin:0px auto;}
<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<body>
<title></title>
<FONT FACE="ARIAL" SIZE="+1" COLOR="#FF0000"><MARQUEE bgcolor
="#FFCCCC" loop="-1" scrollamount="4" width="100%">...</font></MARQUEE>
<link rel="stylesheet" type="text/css" media="all" href="swimwearcssus.css" />
<div id="wrap">
<div id="header">
<img src="header1.jpg">
</div>
<div id ="navbar">
<li><a href=</a></li>
<li><a href=</a></li>
<li><a href='></a>
<li><a href='></a>
<li><a href='></a>
</div>
<div id="centralize">
<img src="collage1.jpg">
<a href='http://www.ebay.com'></a>
</div>
<div id ="promotions">
<a href=" border="0"> </a><br />
</div>
</div>
<p id="statement"><BR><BR><BR><BR>
<BR><BR><B> </B><BR><BR>
<BR><BR><B>Privacy Policy</B> <BR><BR>
</p>
</body>
</html>