[MENU] Bug d'image background
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 :?
http://img53.imageshack.us/img53/8519/bugmp6.jpg
Voici ma partie code :
Code:
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:
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 !