background-position-y?

[Argorate]

Bonjour,

J'ai un problème de css qui d'après mes recherches ne semble pas avoir de solution, mais je demande quand meme au cas où qq'un est une astuce^^

J'utilise un sprite css sur des div d'un certains bloque, sur le :hover j'aurais besoins de descendre juste la position du y sans touché au x que j'ai préciser différent sur chacun d'eux.
Problème: background-position-y ne marchant que sous IE, je suis obligé de créer autant de classe :hover que de div, au lieu d'une seule si je pouvais modifié uniquement les Y...

J'ai bien essayé un background-position:inherit -46px; à tout hasard, mais sans résultat.

Une idée?

[php_addict]

a priori la seule solution semble:

.taclasse{background:url(images/smiley.png); background-repeat:no-repeat ;background-position:0px 0px;}



.taclasse:hover{background:url(images/smiley.png); background-repeat:no-repeat ;background-position:0px -10px;}

[Nosrehl]

sans touché au x que j'ai préciser différent sur chacun d'eux.

J'imagine que tu utilises la propriété "background-position", à part modifier tes images afin que la position x soit la même, je ne vois pas d'autre solution.

=> php_addict : la position du background en abcisse est différente suivant les div... ce qui constitue le soucis d'Argorate.

[Argorate]

En effet, j'ai un truc du genre:

#toto div{bg-img:url(blabla);}
#toto div.div1{bg-position:Xpx 0}
#toto div.div2{bg-position:Ypx 0}
#toto div.div3{bg-position:Zpx 0}

et j'aimerais n'avoir que:
#toto div:hover{bg-position: "MEME_X" -50px;} juste décaler quoi...

Car la je me tape le hover pour tout mes div, alors ça va bien que j'en ai que trois, mais si j'en avais 20? ou plus??! :|

[Viciousity]

Tu as essayer avec
div{
padding-top: 0px;
padding-bottom: 10px;
}
div:hover{
padding-top: 10px;
padding-bottom: 10px;
}

Ou bien donnes nous ton code (je gere assez bien CSS et suis l'actualité. Promis je trouverai une solution ).

[Argorate]

hum, je veux bien croire que tu suis l'actualité, mais il semblerais que tu n'es pas cerner le problème :p
Il s'agit d'afficher une partie d'un sprite css via le background-position, du coup je ne comprends pas du tout pourquoi tu parles de padding? ^^

[niahoo]

peut être {position:auto -50px} ?

[Argorate]

j'ai essayé aussi le auto, sans succès ='(

[Sephi-Chan]

Et bien dans la règle du :hover, tu spécifies juste la règle background-position avec les coordonnées que tu souhaites (quitte à en garder un identique).


Sephi-Chan

[niahoo]

oui mais il a la flemme :]

va falloir automatiser tout ça!