Bonjour,

J'ai un menu qui va cherche ses données dans un sitemap.
Pas de problème tous se passe bien pour ça.
On m'a récemment demandé de rendre le menu au même design que les bouton présent partout dans le site.

J'ai donc ajouté un background-image: ...
Là problème, j'ai non seulement l'image à la place que je veux mais j'ai aussi l'image qui s'affiche dans le texte du menu et là c'est pas cool


Voici ma partie 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
<div class="configuration">
        <br /><br /><br />  
        <table width="100%">
            <tr>
                <td align="left" valign="top">
                    <asp:Menu ID="MenuHorizontal" runat="server" EnableViewState="false"
                     DataSourceID="SiteMapDataSource1" Orientation="Vertical" CssClass="MenuVertical"
                     DynamicHorizontalOffset="0" MaximumDynamicDisplayLevels="0" StaticDisplayLevels="1" 
                     DynamicVerticalOffset="0" StaticEnableDefaultPopOutImage="true" >
                     <StaticMenuItemStyle CssClass="StaticMenuItemStyleConfiguration" />
                     <StaticHoverStyle CssClass="StaticHoverStyleConfiguration" />
                     <DynamicMenuItemStyle CssClass="DynamicMenuItemStyleConfiguration" />
                     <DynamicHoverStyle CssClass="DynamicHoverStyleConfiguration" />
                </asp:Menu>    
                </td>
            </tr>
        </table>  
 
        <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="False" />
    </div>
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
.MenuVertical
{
    color: #000;
    font-family: Verdana;
    font-weight: bold;  
    font-size: 10px;  
    padding-top:2px;
    padding-bottom:1px;  
    text-align: center;
}
 
.StaticMenuItemStyleConfiguration
{
    color: #000;
    font-size: 10px;
    bottom: 10px;
    background-image: url(images/boutons/Bouton_Dys_actif.gif);
    background-repeat: no-repeat;
    height: 23px;
    width: 158px;
}
 
.StaticMenuItemStyleConfiguration img {
  width: 40px;
  height: 40px;
}
 
.StaticHoverStyleConfiguration
{
    color: Black;
    height: 23px;
    width: 158px;
}
 
.DynamicMenuItemStyleConfiguration
{
    color: #000;
    font-size: 10px;
    bottom: 10px;
    height: 23px;
    width: 158px;
}
.DynamicHoverStyleConfiguration
{
    color: #FFF;
    height: 23px;
    width: 158px;
}
Si vous avez une solution, merci d'avance !