Coquille dans le tutoriel sur les images réactives

Dans le tutoriel sur les images réactives :

ul#menu li a:hover
{
	background: url(bg_menu.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de [b]30px vers le haut[/b] pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #f97 ;
}

Je crois que c'est vers le bas...

bas non c'est vers le haut.

L'image du hover est en bas par rapport à celle du non hover. En faisant -30px on se déplace vers le bas. On ne remonte pas l'image, il s'agit bien d'un déplacement par offset.

Disons que la phrase prête à confusion.

CyberDenix a écrit :
En faisant -30px on se déplace vers le bas. On ne remonte pas l'image

Ben si, justement...

Bonjour à toi aussi, CyberDenix.

CyberDenix a écrit :
L'image du hover est en bas par rapport à celle du non hover. En faisant -30px on se déplace vers le bas. On ne remonte pas l'image, il s'agit bien d'un déplacement par offset.

Disons que la phrase prête à confusion.

Ben justement non, en écrivant

[b]background[/b]: .... 0 -30px no-repeat;

on déplace bien l'image vers le haut, puisqu'on agit en fait sur la propriété background-position. L'élément HTML ne bouge absolument pas

Edit: grilled
Modifié par Thomas D. (27 Feb 2007 - 13:23)

C'est comme vous voulez.

Bonsoir,