...

View Full Version : image wont appear



andynov123
12-19-2010, 07:11 AM
Hi,
I dont know what I'm doing wrong but the coverart.jpg wont appear on my site. check it out at www.college-ebook.com

eberdome
12-19-2010, 07:18 AM
post your img tag exactly how it's shown in your code! I can't view your source since I'm on a phone. let's see if I can help you out here

andynov123
12-19-2010, 07:21 AM
<!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" />

<title>The College Man's Guide To Ruining Your Life</title>


<link href="data.css" rel="stylesheet" type="text/css" />






<body bgcolor="black">




<div class="whitebox"> <!-- begin whitebox -->



<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<h1>The College Man's Guide To Ruining Your Life</h1>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<!-- the game title -->
<br />
<br />


<div class="pic"><img src="CoverArt.jpg" alt="coverart" align="left">

</div>







<div id="blocktext"><!-- begin blocktext -->

<blockquote>
<div class="ebook">
<h2><p>The College Manís Guide to Ruining Your Life is going to take the literary world by storm. This is a story that must be expierenced. Every year the next wave of college freshman is at serious risk of joining a fraternity that will torture, humiliate, and rob them of their humanity. young men are the most reckless group in our society. Each year more pieces are added to the neverending cycle. </p>
<p>The College Manís Guide to Ruining Your Life is their story. Fender is a student attending his first year of college,and he just joined the fraternity from hell. He becomes so caught up in pledging, he and his pledgebrothers slowly lose their humanity in the course of a semester. Theyíre no long individuals, but the bottom of the barrel in the never ending chain. Fenderís fraternity has been doing this since the 1800ís. </p>
<p>Fender will starve, experience torture you would never think students are capable of, and he will witness the true evil even he is capable of.
Witness his story, see his fear, and experience what is turning 19 year old kids into monsters.</p></h2>
</div>
<div class="buybutton"><a href="https://www.e-junkie.com/ecom/gb.php?c=cart&i=861947&cl=149130&ejc=2" target="ej_ejc" class="ec_ejc_thkbx" onclick="javascript:return EJEJC_lc(this);"><img src="buynow.gif" border="0" alt="Add to Cart" align="left"/></a></div>
</blockquote>

<div id="paypal"><img src="paypalverified.jpg" alt="paypalverifed" align="left"/></div>


</div><!-- end blocktext -->

</div> <!-- end whitebox -->

</div>

<div id="contact">
<a href="contact.html">Contact Us</a>

</div>
</div>

</body>
</html>

eberdome
12-19-2010, 07:25 AM
is coverart.jpg sitting in your root folder? or is it sitting in a folder, perhaps a image folder, also try using lowercase when defining the name of an image. rename your image to all lower case. like coverart.jpg, then change it to the same in your img tag, see if that works

andynov123
12-19-2010, 07:27 AM
yes it is i attached image of what my filemanager on godaddy looks like

eberdome
12-19-2010, 07:32 AM
I noticed all your images in your source are lowercased try changing the img tag from CoverArt.jpg to coverart.jpg. save it and ctrl +F5 your browser to clear your cache!

andynov123
12-19-2010, 07:34 AM
I changed it to coverart.jpg and uploaded it to the server and it didnt fix it

eberdome
12-19-2010, 07:40 AM
that's strange! can you view your image by going to it's full path?
http://www.college-ebooks.com/CoverArt.jpg see if you can view this!

eberdome
12-19-2010, 07:44 AM
this probably won't make a difference but u r using XHTML and your img tag for that image is not properly written. after align="left" there needs to be a forward slash like this. align="left" />

andynov123
12-19-2010, 07:45 AM
I got it working thanks
but I have one more problem. I cant get the paypal verified image to move under the buynow button. I tried position:absolute and margin-top or margin-bottom heres my css too

heres the site again www.college-ebook.com
@media handheld {
.navigation {

display: none;
}
}

@media only screen and (max-device-width: 480px) {
.navigation {
display: none;
}


@media (max-width: 60px) {
.whitebox1 {
float: none;
}
}

#paypal {margin-top:40px;}

#buynow {position:absolute;
top:90px;}


text-align:left;
color:#FFF;
background-color:#069}

#siteseal {position:absolute;}

.ebook h2 {margin-top:-30px;}


div.whitebox h1 {
color:#000000;
margin-left:-250px;
margin-right:-250px;
text-align:center;
font-size:35pt;}

.buybutton {position:absolute; margin-left:-40px; top:535px;}
/*style*/


div.whitebox {
color:black;
background-color:#FFF;
border:thick solid #000000;
margin:0 10%;
margin-top:40px;
padding:0 1em 2em;
}

/*whitebox style*/




}



}
div.cons h2{
margin-bottom:0;
color:#600;
background:transparent none;
}



#blocktext p{
margin-left:10em;
margin-right:0em;
text-align: center;
text-indent:50px;
}
}




a:link {
COLOR:#FFFFFF;
}
a:visited {
COLOR: #FFFFFF;
}
a:hover {
COLOR: #FFFFFF;
}
a:active {
COLOR: #FFFFFF;
}
#contact{text-align:right;}

eberdome
12-19-2010, 07:49 AM
I'm afraid this will be hard for me to check out cause I can't test. you could always create a div to hold both images and have display set to block and have a margin of what ever you want. replay a new thread, someone that's at a computer should be able to help you. cheers!

andynov123
12-19-2010, 08:11 AM
it is in a div. its in div id paypal but I still cant move it i tried position absolute on the div id paypal and also margin-top or margin-bottom but the image wont move

eberdome
12-19-2010, 08:17 AM
try adding position:relative to paypal div

andynov123
12-19-2010, 08:24 AM
position:relative didnt move it i added top:40px; to it and it wouldnt move at all

eberdome
12-19-2010, 08:28 AM
I can't test so repost a new thread, someone will come through by tomorrow that can help you, if I could utilize firebug right now, I'd help but I'm on an iPhone right now, if I see your post tomorrow, I can figure out the problem

Eldar
01-14-2011, 06:32 AM
Have you considered that #buynow {position:absolute;
top:90px;} is interfering with your tag? Try getting rid of it and then try to move your image.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum