CSS / HTML - Image will not show up

Posted by weka on Stack Overflow See other posts from Stack Overflow or by weka
Published on 2012-09-15T09:35:08Z Indexed on 2012/09/15 9:37 UTC
Read the original article Hit count: 152

Filed under:
|
|

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? :\

© Stack Overflow or respective owner

Related posts about html

Related posts about css