[CSS] Déplacement d'une image

Déplacer une image sous le clic de la souris style bouton

30 novembre 2005 à 21:49:54

Bonjour tout le monde,

je voulais savoir si certaines personnes ont déjà eu cette question, et si oui, je voudrais leur réponse pour m'aider, car là je suis pommer .. :euh:

.

Donc voilà ma question.

J'ai fais un formulaire avec du BBcode et j'ai insérer des boutons (comme le SDZ quoi) mais là je sais que c'est possible mais comment, c'est que je voudrais que lorsque l'on clic sur l'image bouton il s'enfonce.

Merci d'avance à tous les zéros qui me répondront
Et à bientôt tout le monde !

Araya

30 novembre 2005 à 23:12:40

logiquement ton bouton doit être un lien, ensuite il suffit d'utiliser le pseudo element :active.

.classDuBouton{
background: url(chemin) top left no-repeat /*position en haut a gauche + pas dé répétition de l'image de ton bouton au repos
display:block; /*pour que le lien puisse recevoir des dimentions */
width: XXpx /*largeur de ton bouton */
height: XXpx /*hauteur de ton bouton */
}

.classDuBouton :active{
background(chemin) 0 0 no-repeat; /*pareil qu'avant sauf que cette fois-ci tu met le chemin du bouton cliqué (abaissé)
}