28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Après avoir lu le tuto d'Alsa sur les sprites (http://www.alsacreations.com/tuto/lire/1068-sprites-css-background-position.html) je me suis mis à adapter le code pour 8 boutons, ce qui avec la position "hover" fait donc 12 fractions d'images à positionner.

Il semble que le plus dur est fait car les positionnement "hover" s'affichent correctement au passage de la souris. Mais là où je bloque c'est que la position des boutons par défaut ne s'affiche qu'à partir de la première fraction d'image pour les 8 boutons.

C'est un peu difficile à expliquer comme cela alors j'ai mis un petit exemple en ligne ici :

http://christus-web.com/ [...] (lien du fichier obsolète)

...du coup vous avez accès à la totalité du code source qui n'est pas très long (c'est juste un exemple test pour vous).

Voilà voilà, j'ai tenté plein de paramétrages background-position différents et aussi d'autres trucs qui se sont tous révélés inefficaces, je patauge complètement (je suis débutant).

Si vous pouviez me révéler quelle est mon erreur, d'avance je vous en remercie.
Modifié par Olivier C (13 Jun 2011 - 01:35)
Ajoute ":link" à tes identifiants d'id dans ton css.
=> "#navradioX" devient "#navradioX:link"

Et ca fonctionnera correctement Smiley smile