comment rendre mon meu flottant déplacable
Bonjour,
J'ai un menu flottant à coter de ma fenêtre principale et je voudrais que l on puisse deplacer se menu n'importe ou dans ma page principale ?
Pouvez vous m aider svp ?
mon fichier index.html
Code:
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Menu FLT</title>
<style type="text/css">
body
{
margin: 10px 0 ;
padding: 0 ;
text-align: center ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background: #e4e3e4 ;
}
#accueil{
margin-bottom:1em;
}
#accueil ul{
font-family:Arial, Helvetica, sans-serif ;
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#d6e1ec;
padding:0 ;
margin:0 ;
}
#sectionmenus{
left:15%;
position:absolute;
top:9.9em;
width:18%;
overflow:hidden;
}
#technologie,#theme{
color:#655f4b;
background-color:#fff;
}
#technologie h2,#theme h2{
border-color:#9b2;
border-style:solid;
border-width:0 0 3px 0;
font-size:medium;
font-weight:500;
margin:0;
padding-left:0em;
}
#technologie ul,#theme ul{
color:#9b2;
margin-bottom:1.5em;
margin-top:0.5em;
}
#technologie li,#theme li,#ressources li{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#9b2;
margin-left:-4em;
padding-left:1em;
list-style:none;
}
#vista{
color:#655f4b;
font-family:Arial, Helvetica, sans-serif;
background-color:#fff;
margin:0;
padding:0;
}
#vista h2{
border-color:#9b2;
border-style:solid;
border-width:0 0 3px 0;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
}
.Style1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #FF0000;
font-weight: bold;
}
</style>
<div id="sectionmenus">
<param name="wmode" value="transparent" />
</object><br /><br />
<div id="vista">
<h2>Test</h2><br />
<p>xxxxxxxxxxxxxxxxxxxxxxx</p>
<p><a href="xxxxxxxxxxxxxxxxxxx?subject=xxxxxxxxxxxxxxxxxx">
<font color="#367AF9">xxxxxxxxxxxxxxxxxxxxxxx !</font></a></p>
<br /><br />
</div>
<div id="technologie">
<h2>xxxxxxxxxxxxxxxxxxxxxxxx</h2>
<ul>
<li>
<a href="xxxxxxxxxxxxxx">xxxxxxxxxxxxxxx</a></li>
<li>
<a href=".xxxxxxxxxxxx">xxxxxxxxxxxxx</a></li>
<li>
<a href="xxxxxxxxxxxxx">xxxxxxxxxxxx</a> </li>
</ul>
</div>
</div>
</body>
</html> |
