Bonsoir à tous,
Pour un effet désiré, j'ai des boutons dans une div "nav". Je bien réussi à retravailler les boutons par défaut, et leurs ai attribué qq certaines choses.
Mais je ne vois pas le moyen (en CSS) comment faire pour que le bouton survolé garde les même préférences une fois cliqué, et revienne à l'état initial si on clique sur un deuxième bouton (et qui lui même perd ses attributions si on clique sur un troisieme bouton etc.... etc...) :
Voici les CSS :
Merci pour votre aide
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54 margin-right: 0px; margin-bottom: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px; border-style: none; list-style: none; opacity: 1; border-width: 0px; text-align: center; text-shadow: 0px 0px 0px; background-color: #FFFFFF; background-position: 0% 0%; background-size: cover; padding: 2px; color: #000000; -moz-opacity:0.8; -khtml-opacity:0.8; -ms-filter:"alpha(opacity=80)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter:alpha(opacity=80); opacity:0.8; zoom: 1;/* HACK POUR IE */ } button:hover { width: auto; height: auto; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px; border-style: none; list-style: none; border-width: 0px; text-align: center; text-shadow: 0px 0px 0px; background-color: #FFFFFF; -moz-opacity:0.5; -khtml-opacity:0.5; -ms-filter:"alpha(opacity=6)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=5); filter:alpha(opacity=5); opacity:0.5; zoom: 1;/* HACK POUR IE */ } button h1 { font: normal 20px Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; text-align: center; margin: 0px; padding: 0px; }
dh
Partager