Discussion :

[minipopov]

Bonjour,

J'essaye de bidouiller un peu un menu accordéon trouvé sur internet, il fait presque ce que je voudrais sauf que je voudrais pas la page se baisse lors du clique sur un lien.

Voici le css:

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
55
 
dl
{
	padding: 10px;
	padding-left:50px;
	padding-right:50px;
 
}
	dl dt
	{
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border: 1px solid #cccccc;
		margin: 0;
	}
		dl dt a
		{
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			padding: 10px;
			display: block;
		}
		dl dt a:hover{
			color:#DAA520;
		}
	dl dd
	{
		margin: 0;
		overflow: hidden;
		-webkit-transition: height 0.5s ease;
		-moz-transition: height 0.5s ease;
		-o-transition: height 0.5s ease;
		border:0.5px solid #cccccc;
	}
	dl dd table{
		padding-top:20px;
	}
		dl dd p
		{
			padding: 10px;
			margin: 0;
		}
	dl dd:not(:target) { height: 0; }
	dl dd:target { height: 6.667em; }
	dl a.ie:hover dd,
	dl a.ie:focus dd
	{
		height: auto;
		color: #cccccc !important;
	}

Voici un petit exemple du script
http://www.thecssninja.com/demo/css_accordion/#Section2

Et par exemple lorsque l'on clique sur section2 et que la page est assez haute, section va tout en haut de la vue sur le navigateur ce qui est assez désagréable. J'essaye de bidouiller le css mais comme je connais pas grand chose, j'arrive pas a voir ce qu'il faut changer :/

Est-ce que quelqu'un pourrait m'aider s'il vous plait?

Cordialement.

[minipopov]

Après quelque recherche on m'a dis que ce menu était non compatible, et de plus si je voulais enlever cette option il fallait que j'utilise java, donc je clôture ce sujet.