CSS sprite con IE

[Lollinos]

Ciao a tutti!

Vi scrivo qui perchè ho un problema con i css sprites. Premetto che è la prima volta che li uso e quindi non so molto .

Il mio problema è dato da IE, infatti questo browser sembra che non legga per niente il CSS che gli ho dato ad un <td>

Vi mostro il codice:

[CSS]

<style type="text/css">
.b2 
{
background: url('bottoni/2.png') no-repeat;
background-position: -50px -50px
}
.b2:hover
{
background: url('bottoni/2.png') no-repeat;
background-position: -50px -250px;
cursor: pointer;
cursor: hand;
}
</style>

<!--[if IE 7]>
<style type="text/css">
.b2
{
cursor: pointer;
cursor: hand;
}

.b2:hover {
background: url('bottoni/2.png');
background-position: -50px -6250px;
}
</style>
<![endif]-->

[HTML]

<td valign="top" class="b2" onclick="location.replace('index.php');"></td>

Praticamente Mozzilla Firefox non da nessun problema, mentre Internet Explorer non sposta lo sfondo

Potete aiutarmi?

Ringrazi Anticipati

Lollinos

[fcaldera]

attenzione: se usi la proprietà shortcut "background" devi specificare nell'ordine
bgcolor, url, posY, posX e repeat

ovvero non puoi scrivere solo
background: url('bottoni/2.png');

in quel caso devi scrivere
background-image: url('bottoni/2.png');



dove hai scritto
background: url('bottoni/2.png') no-repeat;

devi scrivere
background-image: url('bottoni/2.png');
background-repeat: no-repeat;

[Lollinos]

ah è vero xD

però il problema persiste...come posso risolvere?

[fcaldera]

Originariamente inviato da Lollinos
ah è vero xD

però il problema persiste...come posso risolvere?

ma stai testando in IE6 o 7?

perché :hover in IE6 funziona solo sui link
quindi hover l'hover sul <td> non ha alcun effetto in quel browser

[Lollinos]

IE7

...se no oltre al :hover cosa posso usare?

[Lollinos]

niente?

[scusate per il doppio post]

[fcaldera]

posta un link alla pagina online così da avere qualche indizio in più

[Lollinos]

Link [No SPAM]

Eccolo

[fcaldera]

Originariamente inviato da Lollinos
Link [No SPAM]

Eccolo

perchè il background position sull'hover è diverso in base al browser?

.b2:hover
{
background-position: -250px -850px;
}
...
</style>

<!--[if IE 7]>
.b2:hover
{
...
background-position: -50px -250px;
}

inoltre c'è un problema sulla prima riga del codice sorgente: appare questa stringa

<? @include("/membri/homesociety/sentinel.php"); ?>

ti conviene eliminarla e fare in modo che il source inizi con il doctype

[Lollinos]

quell'include mi serve epr prevenire attacchi contro il mio sito :P ... cmq sia mi er odimenticato di quella stringa, possibile ke dava fastio al file HTML? Infatti rinominandolo in .php funziona benissimo ò-ò

P.S. - Ormai siamo nel discorso, devo il file dentro l'include lo devo mettere con quel link o solo con sentinel.php ? Perchè a volta va in un modo e a volte no