いくつかのスプライトをフッターウィジェットに入れようとしています。持っているコードでスプライトをインストールすると、画像が1行ではなく4行になってしまいます。コードのどこに誤りがあるのかわかりません。
スプライトhtmlは
<div>
<a class="calendar-sp" href="http://www.tara.meditationinsantabarbara.org/calendar"></a>
<a class="twitter-sp" href="http://www.twitter.com/MahakankalaBC/"></a>
<a class="facebook-sp" href="http://www.facebook.com/MahakankalaBuddhistCenter/"></a>
<a class="eBooklead-sp" href="http://www.emodernbuddhism.com/"></a>
</div>
そして私のスプライトCSSは
a.calendar-sp,
a.eBooklead-sp,
a.twitter-sp,
a.facebook-sp
{
display: inline-block;
background-repeat: no-repeat;
background-image:url ('http://www.tara.meditationinsantabarbara.org/wp-content/uploads/2012/11/SocialSpriteSheet5.png');
}
a.calendar-sp
{
width: 184px;
height: 175px;
}
a.eBooklead-sp
{
background-position: -184px 0;
width: 213px;
height: 175px;
}
a.twitter-sp {
background-position: -397px 0;
width: 128px;
height: 128px;
}
a.facebook-sp
{
background-position: -525px 0;
width: 128px;
height: 128px;
}
任意の提案やアイデアをいただければ幸いです。
また、私のスプライト画像が時々消えます!