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.