Discussion :

[stefsas]

Bonjour,

Je voudrais réaliser un menu avec des boutons (sous forme d'image) réalisés à l'aide d'un logiciel de retouche photo de type photoshop ou gimp.

Je me demandais si on pouvais utiliser des propriétés cSS tel que hover ou autres sur ces images de sorte à avoir les même effet que si on les appliquait sur des boutons créer en html?

Merci.

[Bovino]

Non, il faudra utiliser une image par statut et changer d'image au survol.

[stefsas]

Ok mais pour faire ça je fais comment ?
Si j'ai 4 images différentes :
- une normal img1
- une pour hover img2
- une pour active img3
- une pour visited img4

Dois-je crée à chaque fois une nouvelle balise ?

[Yorick]

Non, pas une nouvelle balise mais une nouvelle règle CSS.

[stefsas]

C'est à dire une règle ? Tu pourrais me donner un exemple

[12monkeys]

Bonsoir

Une règle CSS est composée d'un sélecteur, et de déclarations, comme ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
div:hover {
    background : url('img1.jpg');
}

Donc pour ton cas il faut une règle pour chaque état : :link, :visited, :active et :hover

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
div:link {
    background : url('img1.jpg');
}
div:visted {
    background : url('img2.jpg');
}
div:hover {
    background : url('img3.jpg');
}
div:active {
    background : url('img4.jpg');
}