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: 234
        
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