[Xulfr] probleme avec css bordure bouton

[PSOU]

Bonjour,

Le Tuesday 20 November 2007 08:30:16 Stéphane ANCELOT, vous avez écrit :
> J'ai besoin de définir un bouton avec 3 images différentes :
> image_hoover quand on passe dessus
> image_normal quand elle est affichée
> image_pressed lorsque l utilisateur clique dessus
>
> les images ont toutes la meme taille
>
>
> probleme 1 :
> Je n'arrive pas enlever la bordure avec css !!! il y a toujours un bord
> , comment faire ?

Tu peux essayer  :
#tonBouton
{
	-moz-appearance   : none;
	-moz-border           : none;
	background-image : url("image_normal.png");
}
#tonBouton > .button-box
{
	-moz-appearance   : none;
	border                     : none;
}

> probleme 2 :
> pour definir l'etat "image_pressed" lorsque l'utilisateur clique sur le
> bouton pour changer l'image.
> suis je obligé de créer un petit bout de javascript ou possible
> directement avec css?

C'est faisable en CSS :
#tonBouton:active
{
	background-image : url("image_pressed.png");
}

A+
PSOU