Hello friends,

 

I have been trying us a sprite image forthis page

 

 

 

 

here is my sprite

 

 

 

 

 

 

 

i am using chaticons.inc.php for this page and have used a

<span class="icon-13"></span>

 

and in the css i have used this

 

.icon-13 {

 background-image: left:50; top:0; width: 48px; height:48px;url(../images/icons sprite.png);
 background-repeat: no-repeat;
 width: 48px;
 height: 48px;
 display: block;
 margin:0;
 padding:0;
 float:left;
}

Try putting px after the size without left and top and change the style from background-image to background and put all styles together:-

.icon-13 {

background: 50px 0 url(../images/icons sprite.png) no-repeat;
 width: 48px;
 height: 48px;
 display: block;
 margin:0;
 padding:0;
 float:left;
}

 

http://www.w3schools.com/css/pr_background-position.asp

Try putting px after the size without left and top and change the style from background-image to background and put all styles together:-

.icon-13 {

background: 50px 0 url(../images/icons sprite.png) no-repeat;
  width: 48px;
  height: 48px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}

 

http://www.w3schools...nd-position.asp

no it is not showing i actually want to show the msn icon only from this image 

 

 

 

Space in the name is not helping

 

try this

 

 

.icon-13 {

background: -53px 0px url(../images/icons%20sprite.png) no-repeat;
 width: 48px;
 height: 48px;
 display: block;
 margin:0;
 padding:0;
 float:left;
}

Space in the name is not helping

 

try this

 

 

.icon-13 {

background: -53px 0px url(../images/icons%20sprite.png) no-repeat;
 width: 48px;
 height: 48px;
 display: block;
 margin:0;
 padding:0;
 float:left;
}

 

 

 

 

ya thanks its showing now