CSS / HTML - Image will not show up
- by weka
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? :\
