Ugh, ok. I've been up all night working this thing and now an image won't
show. It's so darn annoying. Trying to get this .png image to
show up on a simple PHP webpage. I just wanna go to sleep X_X
CSS:
<style>
.achievement {
position:relative;
width:500px;
background:#B5B5B5;
float:left;
padding:10px;
margin-bottom:10px;
}
.icon {
float:left;
width:32px;
height:32px;
background: url("images/trophy.php") no-repeat center;
padding:05px;
border:4px solid #4D4D4D;
}
.ptsgained {
position:absolute;
top:0;
right:0;
background:#79E310;
color:#fff;
font-family:Tahoma;
font-weight:bold;
font-size:12px;
padding:5px;
}
.achievement h1 {
color:#454545;
font-size:12pt;
font-family:Georgia;
font-weight:none;
margin:0;padding:0;
}
.achievement p {
margin:0;padding:0;
font-size:12px;
font-family:Tahoma;
color:#1C1C1C;
}
.text {
margin-left:10px;
float:left;
}
</style>
HTML:
<div class="achievement">
<span class="ptsgained">+10</span>
<div class="icon"></div>
<div class="text"><h1>All Around Submitter</h1>
<p>Submit and have approved content in all 6 areas.</p>
</div>
</div>
What am I doing wrong, guys? :\
