ASP .NET : Problème avec le controle MENU

ASP .NET : Problème avec le controle MENU - ASP - Programmation

Marsh Posté le 03-09-2008 à 00:28:05    

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 :
  1. <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Tests.aspx.vb" Inherits="Tests" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head runat="server">
  5.     <title>Page sans titre</title>
  6.         <style type="text/css">
  7.         A.rollover
  8.         {
  9.             color: #FFFFFF;
  10.             background: url('images/MenuInset.png'); background-repeat: repeat-x;
  11.             border: 0;
  12.             width:200px;
  13.         }
  14.         A.rollover:hover
  15.         {
  16.             background: url('images/MenuInset.png'); background-repeat: repeat-x;
  17.         }
  18.     </style>
  19. </head>
  20. <body>
  21.     <form id="form1" runat="server">
  22.         <asp:Panel ID="Panel1" runat="server" BackImageUrl="~/images/MenuFond.png" >
  23.             <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal"
  24.                 DynamicEnableDefaultPopOutImage="False"
  25.                 StaticBottomSeparatorImageUrl="~/images/MenuSeparator.png"
  26.                 StaticEnableDefaultPopOutImage="False">
  27.                 <StaticMenuItemStyle CssClass="rollover" />
  28.                 <DynamicHoverStyle CssClass="rollover" />
  29.                 <DynamicMenuStyle CssClass="rollover" />
  30.                 <DynamicMenuItemStyle CssClass="rollover" />
  31.                 <StaticHoverStyle CssClass="rollover" />
  32.                 <Items>
  33.                     <asp:MenuItem Text="Nouvel élément&nbsp;" Value="Nouvel élément&nbsp;">
  34.                         <asp:MenuItem Text="Nouvel élément&nbsp;" Value="Nouvel élément&nbsp;">
  35.                         </asp:MenuItem>
  36.                         <asp:MenuItem Text="Nouvel élément&nbsp;" Value="Nouvel élément&nbsp;">
  37.                         </asp:MenuItem>
  38.                     </asp:MenuItem>
  39.                     <asp:MenuItem Text="Nouvel élément&nbsp;" Value="Nouvel élément&nbsp;">
  40.                     </asp:MenuItem>
  41.                     <asp:MenuItem Text="Nouvel élément&nbsp;" Value="Nouvel élément&nbsp;">
  42.                     </asp:MenuItem>
  43.                     <asp:MenuItem Text="Nouvel élément&nbsp;" Value="Nouvel élément&nbsp;">
  44.                     </asp:MenuItem>
  45.                 </Items>
  46.             </asp:Menu>
  47.         </asp:Panel>
  48.     </form>
  49. </body>
  50. </html>


 
Merci de votre aide
 
Matz


Message édité par matz le 03-09-2008 à 00:29:15
Reply

Marsh Posté le 03-09-2008 à 00:28:05   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed