Bonjour à tous.

J'ai récupéré du code sur un tuto du site (http://css.developpez.com/tutoriels/menu-deroulant/) et j'ai tenté de l'adapter à mon besoin.

Mais je pense que j'ai du zapper un truc. Vous verrez dans mon code que mon menu est constitué d'image clickable et est enfermé dans une tablle.
Lorsqu'il se déroule il étend la table vers le bas. Cela en me choque pas puisque c'est logique. Mais je voudrais qu'il débrode par dessus la table.

Alors questions :
- est ce que c'est possible ?
- si oui, comment, sinon, coment faire pour que le reste ne soit altéré par la descente du menu ?

Merci pour votre aide.
Voici mon code :
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
85
86
87
88
89
90
91
92
93
94
95
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
    <style media="all" type="text/css">
        #menuDeroulant
{
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
}		
#menuDeroulant .sousMenu
{
    display:none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
}	
#menuDeroulant li:hover > .sousMenu { display: block; }	
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ContentPlaceHolder ID="cphSM" runat="server"></asp:ContentPlaceHolder>
    <table style="margin-left:auto;margin-right:auto;width:1300px;">
        <tr>
        <td style="padding-left:50px;">
            <table>
            <tr>
            <td class="fondtop">
                <Composite:ConEnr ID="conenr" runat="server" Description="Biloute" />
            </td>
            <td class="fondtop">
                <Composite:NavSociaux ID="NavSociaux" runat="server" />
            </td>
            <td class="fondtopsite">
            <div>
 
                <asp:Image ID="imgSite" runat="server" ImageUrl="~/App_Themes/Wow/TopMenu/iconsite.png" />
                <ul id="menuDeroulant">
                    <li><asp:ImageButton ID="imgBase" runat="server" ImageUrl="~/App_Themes/icon_wow.png" />
                    <ul class="sousMenu">
                    <li><asp:ImageButton ID="SiteWow" runat="server" ImageUrl="~/App_Themes/icon_wow.png" AlternateText="Wow" /></li>
                    <li><asp:ImageButton ID="SiteSc2" runat="server" ImageUrl="~/App_Themes/icon_sc2.png" AlternateText="Sc2" /></li>
                    <li><asp:ImageButton ID="SiteMw3" runat="server" ImageUrl="~/App_Themes/icon_mw3.png" AlternateText="Mw3" /></li>
                    <li><asp:ImageButton ID="SiteSma" runat="server" ImageUrl="~/App_Themes/icon_shootmania.png" AlternateText="SMA" /></li>
                    </ul>
                    </li>
                </ul>
            </div>
            </td>
            </tr>
            </table>
        </td>
        </tr>
        <tr>
        <td style="padding-left:auto;padding-right:auto;">
            <Composite:BlocPerso ID="BlocPerso" runat="server" />
        </td>
        </tr>
        <tr>
        <td>
        <asp:ContentPlaceHolder id="cphMilieu" runat="server">
 
        </asp:ContentPlaceHolder>
        <Composite:BlocNews ID="BlocNews" runat="server" />
        </td>
        </tr>
        <tr>
        <td>
        Module pied de page
        </td>
        </tr>
    </table>
    </form>
</body>
</html>