Discussion :

[lesartsde]

Bonjour,
je cherche un css ou javascript pour créer un bouton avec un texte dans dreamweaver qui reste enfoncé quand on clique dessus,,jusqu'a ce qu'on clique sur un autre...
Merci de Votre Aide,
lesartsde

[12monkeys]

Hello

En css tu peut utiliser les pseudo-classes sur un lien et attribut leur une image spécifique à chaqu'une :

Code :

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

1
2
3
4
a:link { background-image: url("image.jpg") }
a:visited { background-image: url("image1.jpg") }
a:hover { background-image: url("image2.jpg") }
a:active { background-image: url("image3.jpg") }

[lesartsde]

Hello

En css tu peut utiliser les pseudo-classes sur un lien et attribut leur une image spécifique à chaqu'une :

Code :

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

1
2
3
4
a:link { background-image: url("image.jpg") }
a:visited { background-image: url("image1.jpg") }
a:hover { background-image: url("image2.jpg") }
a:active { background-image: url("image3.jpg") }

merci pour ta réponse,mais avec un texte c'est possible???
lesartsde

[Erwan31]

Bonsoir,
tu dois pouvoir obtenir cela en commençant avec la fonction roll-over de DW puis en bidouillant un peu le code :
tu supprimes les onmouseout et tu ajoutes des changement d'états équivalent au onmouseout sur les onmouseover de chaque image autant de fois que le nécessite le nombre d'images.

[12monkeys]

Mais c'est avec tu texte, je te met le code complet :

Code html :

Code :

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

<a href="ton_lien.htm" id="lien">Ton texte</a>

Code css :

Code :

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

1
2
3
4
a#lien:link { background-image: url("image.jpg") }
a#lien:visited { background-image: url("image1.jpg") }
a#lien:hover { background-image: url("image2.jpg") }
a#lien:active { background-image: url("image3.jpg") }

[lesartsde]

Mais c'est avec tu texte, je te met le code complet :

Code html :

Code :

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

<a href="ton_lien.htm" id="lien">Ton texte</a>

Code css :

Code :

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

1
2
3
4
a#lien:link { background-image: url("image.jpg") }
a#lien:visited { background-image: url("image1.jpg") }
a#lien:hover { background-image: url("image2.jpg") }
a#lien:active { background-image: url("image3.jpg") }

Oui si j'ai bien compris il faut utiliser des images en arrière plan,
Est-ce que tu peux me montrer un exemple stp...
Merci encore

[12monkeys]

Oui si j'ai bien compris il faut utiliser des images en arrière plan,
Est-ce que tu peux me montrer un exemple stp...
Merci encore

Un exemple, c'est à dire ?

Un exemple tout prêt avec images ? Désolé j'en ai pas sous la main. Je t'ai donné la méthode pour le faire, le reste faut que tu le fasse toi même...

[lesartsde]

Un exemple, c'est à dire ?

Un exemple tout prêt avec images ? Désolé j'en ai pas sous la main. Je t'ai donné la méthode pour le faire, le reste faut que tu le fasse toi même...

Merci beaucoup pour ta réponse,c'est bon j'ai compris la méthode...