mouvement d'un menu

**guillaume2vo** · 25/11/2009, 16h20

j'ai fait un menu qui est attaché a mes page web.

www.dovelakeglobal.com/test.html

ce que je n'arrive pas a faite est :

qaund l'utilisateur dessend avec l'assenseur et et que le menu arrive en haut de la page.
c'est que le menu decende en meme tempsn pour, le but est d'avoir tous les theme possible que le visiteur soit en haut ou bas de page.

voici le code 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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
 
a {
	text-decoration: none;
}
a:hover {
}
p{
	font-size: 18px;
	text-align: justify;
	font-family: "Comic Sans MS";
	font-style: italic;
}
 
ul#navmenu, ul#navmenu li, ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 160px; /*For KHTML*/
	list-style: none;
}
ul#navmenu li {
	display: block !important; /*For GOOD browsers*/
	display: inline; /*For IE*/
	position: relative;
}
/* Root Menu */
ul#navmenu a {
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding: 0 6px;
	display: block;
	text-decoration: none;
	height: auto !important;
	height: 100%; /*For IE*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 22px;
	font-weight: bold;
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {
	background-image: url(../images/img-menu.gif);
}
/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {
 
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {
 
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a {
 
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #CCC;
	color: #FFF;
}
ul#navmenu ul, ul#navmenu ul ul, ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {
	display: none;
}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {
	display: block;
}

et une partit mon mon html

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
 
<ul id="navmenu">
      <li><a href="index.html">&nbsp;&nbsp;&nbsp;&nbsp;HOME PAGE</a></li>
      <li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Children's Page</a></li>
      <li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Housing</a></li>
      <li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Education</a>
        <ul>
          <li><a href="#">School</a></li>
          <li><a href="#">Vocational training</a></li>
          <li><a href="#">Recreation</a></li>
        </ul>
      </li>
      <li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Spiritual Center</a>
        <ul>
          <li><a href="#">Culture</a></li>
        </ul>
      </li>
      <li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Clinic</a></li>
<!-- je fait la meme chose avec tout mes onglets -->