Bonjour,
Je veux mettre un controle MENU dans un PANEL : je mets une image de fond sur le panel pour faire comme une bande, et le menu par dessus. J'ai créé un style pour que les boutons du menu aient un effet Rollover, avec utilisation d'une image d'une hauteur identique à l'image du fond du panel.
Le problème c'est que cette image est tronquée en haut et en bas : on dirait qu'il force un espace entre les bords hauts et bas de l'image et les bords du panel. Savez vous comment changer ça de façon à ce qu'il m'affiche mon image sur toute la hauteur?
Code :
- <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Tests.aspx.vb" Inherits="Tests" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title>Page sans titre</title>
- <style type="text/css">
- A.rollover
- {
- color: #FFFFFF;
- background: url('images/MenuInset.png'); background-repeat: repeat-x;
- border: 0;
- width:200px;
- }
- A.rollover:hover
- {
- background: url('images/MenuInset.png'); background-repeat: repeat-x;
- }
- </style>
- </head>
- <body>
- <form id="form1" runat="server">
- <asp:Panel ID="Panel1" runat="server" BackImageUrl="~/images/MenuFond.png" >
- <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal"
- DynamicEnableDefaultPopOutImage="False"
- StaticBottomSeparatorImageUrl="~/images/MenuSeparator.png"
- StaticEnableDefaultPopOutImage="False">
- <StaticMenuItemStyle CssClass="rollover" />
- <DynamicHoverStyle CssClass="rollover" />
- <DynamicMenuStyle CssClass="rollover" />
- <DynamicMenuItemStyle CssClass="rollover" />
- <StaticHoverStyle CssClass="rollover" />
- <Items>
- <asp:MenuItem Text="Nouvel élément " Value="Nouvel élément ">
- <asp:MenuItem Text="Nouvel élément " Value="Nouvel élément ">
- </asp:MenuItem>
- <asp:MenuItem Text="Nouvel élément " Value="Nouvel élément ">
- </asp:MenuItem>
- </asp:MenuItem>
- <asp:MenuItem Text="Nouvel élément " Value="Nouvel élément ">
- </asp:MenuItem>
- <asp:MenuItem Text="Nouvel élément " Value="Nouvel élément ">
- </asp:MenuItem>
- <asp:MenuItem Text="Nouvel élément " Value="Nouvel élément ">
- </asp:MenuItem>
- </Items>
- </asp:Menu>
- </asp:Panel>
- </form>
- </body>
- </html>
|
Merci de votre aide
Matz
Message édité par matz le 03-09-2008 à 00:29:15