Sprite Css che non va

[yaryz]

ciao non sto riuscendo a far funzionare questo:

in una pagina ho un div

<div class="seguici">
         <div class="top">
          

Segui BidShop su</p>
          <div class="riga"></div>
         </div>
         <div class="facebook"></div>
         <div class="twitter"></div>
         
         <div class="partner trovaprezzi"></div>
         <div class="partner buycentral"></div>
         <div class="partner kelkoo"></div>
         <div class="partner ciao"></div>
         <div class="partner nextag"></div>
         <div class="partner pixmania"></div>
         
         <div style="clear: both"></div>
        </div>
        
    </div>
</div>

e nel css invece:

.seguici { clear:both; padding-top:15px;}
.seguici .top { height:20px; margin:0 0 4px 9px;}
.seguici .top p {float:left; margin:0; font-weight:bold;}
.seguici .riga { border-bottom:1px solid #ddd; float:right; width:760px; margin:6px 10px}
 
.seguici .facebook {background-image:url("../images/footer_social.png"); width:36px; height:36px; float:left; margin-left:15px;}
.seguici .facebook:hover { background-position:0 36px;}
.seguici .twitter {background-image:url("../images/footer_social.png"); background-position:-36px 0; width:36px; height:36px; float:left; margin-left:15px;}
.seguici .twitter:hover {background-position:-36px 36px; }
 
.partner  {background-image:url("../images/footer_comparazione.png"); height:20px; float:left; margin:7px 10px 0 10px;}
.trovaprezzi {width:47px; background-position:0 -20px; margin-left:177px; }
.trovaprezzi:hover {background-position:0 0px; }
.buycentral {width:44px; background-position:-47px -20px;}
.buycentral:hover {background-position:-47px 0px;}
.kelkoo {width:46px; background-position:-91px -20px;}
.kelkoo:hover {background-position:-91px 0;}
.ciao {width:42px; background-position:-137px -20px;}
.ciao:hover {background-position:-137px 0;}
.nextag  {width:45px; background-position:-179px -20px;}
.nextag:hover  {background-position:-179px 0;}
.pixmania {width:54px; background-position:-224px -20px;}
.pixmania:hover  {background-position:-224px 0;}

vedo solo l'immagine in bianco e nero ma al passaggio del mouse sui vari punti non mi funziona, ovvero non diventa a colori

cosa può essere?

[Prill]

Per alcuni div hai indicato la diversa posizione dell'immagine di sfondo ma non l'immagine. Vedere la pagina sarebbe meglio per dirti con precisione. Tieni conto intanto che Explorer riconosce, almeno nelle versioni precedenti, lo stato hover solo sui llink. Il codice potrebbe essere modificato evitando anche errori, per esempio qui da così

<div class="facebook"></div>
<div class="twitter"></div>

a così

modificando nel css così:

a.facebook {
display:block; 
width:36px; 
height:36px; 
float:left; 
margin-left:15px;
background-image:url("../images/footer_social.png");
background-position:0 0;
}

a.facebook:hover { 
background-position:0 36px;
}

a.twitter {
display:block; 
width:36px; 
height:36px; 
float:left; 
margin-left:15px;
background-image:url("../images/footer_social.png");
background-position:-36px 0;
}
a.twitter:hover { 
background-position:-36px 36px;}

poi se le posizioni son giuste non so dirtelo. Lo stesso criterio andrebbe seguito per gli altri div

[yaryz]

ciao ti ringrazio per la risposta effettivamente era lcome dicevi tu...

tutto risolto..


CHE BELLO STO FORUM!

grazie mille