bonjour , j'ai un petit souci je souhaite avoir une petite fenêtre qui apparaît et qui disparait pour se logger sur le site.

voici mon script
Code javascript : 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
 
<LINK rel=stylesheet type="text/css" href="style/campusvet.css">
 
 
<a  id="selogger">Connexion</a>
 
 
<form id="connexion" class="loginform" action="http://localhost/prod/login/index.php" method="post">
 
        <table id="ldap">
            <tr>
                <td>Login</td><td><input id="login_username" type="text" value="adminkeo" name="username" size="12"></td>
 
                <td>pass</td><td><input id="login_password" type="password" value="" name="password" size="12"></>
            </tr>
 
       </table>
 
        <input  id="dessous_form"  type="submit" value="Se connecter">
 
        <input   id="rememberusername" type="checkbox" checked="checked" value="1" name="rememberusername">
 
        <a  id="souvenirmoi" >se souvenir de moi</a>
 
         <a id="cas" href="login/index.php">Central Authentication Service (CAS)</a>
</form>
 
 
<script type="text/javascript" src="jquery.js"></script>
 
<script type="text/javascript">
 
    $(function(){
        $("#selogger").mouseenter(function(){
            $("#connexion").show();
        });
        $("#connexion").mouseleave(function(){
            $(this).hide();
        });
    });
 
</script>
Lorsque je survole connexion j'ai bien ma fenêtre de login qui apparaît, mais tous ce qui trouve en dessous est décallé par le bas ?
comment fait t'on pour le mettre au premier plan et ne pas perturber les autre positiion
Code css : 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
 
 
/***************login **********/
#bande_connexion
{
    padding: 0px;
    margin: 0px;
    background: #a1b0ce ;
    height: 25px;
    position: relative;
    top:-5px;
}
 
#connexion { /*block connexion qui apparaît lorsqu'on suvol connexion */
    border-radius: 3px;
    margin: 0px;
    padding: 5px 10px 5px 10px;
    font-size: 11px;
    clear: both;
    display: none;
    width:275px;
    height: 80px;
    background: gainsboro;
    position: relative;
    top:-15px;
    float: right;
}
 
#ldap
{
    padding: 0px;
    margin: 5px 0 5px 0;
 
}
 
#dessous_form /* le bouton Se connecter */
{
    margin: 0 0 0 40px;
 
}
 
 
#rememberusername/*cas à cocher se souvenir de moi*/
{
    margin: 2px 5px 0 20px;
    position: relative;
    top:3px;
}
 
#souvenirmoi 
{
    padding:0px;
   margin: 0 10px 0 0;
}
 
#cas
{
    display: block;
    margin: 10px 0 0 0;
    text-align: center;
}
#selogger
{
    cursor:pointer; 
    float: right;
    position: relative;
    right: 15px;
    top:5px;
}
 
 
 
#connexion ul
{
}
 
#connexion li
{
    list-style: none;
    float: left;
 
}
 
 
/***************login **********/
#page-header /*bannière*/
{
 
    position:relative;
    top:-5px;
}
div#banniere
{
    top:25px;
    clear: both;
    height:100px;
    padding:10px;
}

je vous remercie d'avance pour la réponse