Bonjour tout le monde,
je me permet de poster après multiples recherches et essais infructueux...
J'ai un menu qui prend 100% de la page en largeur (jusque là, tout va bien), et 4 MenuItems.
Je voudrais que chaque MenuItem du Menu prenne 25% de la largeur de la page (et donc du menu)... Héba j'y arrive pas!
Dans le code qui suit, j'ai remis à 100% du coup, parce qu'à 25% il prenait 25% de l'item et non de la barre menu... je sais pas si c'est clair?
Le composant menu est assez spécial à utiliser j'ai l'impression... Ci-dessous mon code et mon CSS:
Le 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 <asp:Menu ID="MenuEvenements" CssClass="menuEvts" Width="100%" runat="server" Orientation="Horizontal" OnMenuItemClick="MenuEvenements_MenuItemClick"> <LevelMenuItemStyles> <asp:MenuItemStyle CssClass="itemMenuEvts"/> <asp:MenuItemStyle CssClass="itemSsMenuEvts" /> </LevelMenuItemStyles> <Items> <asp:MenuItem Text="Evènements" Value="Evts"></asp:MenuItem> <asp:MenuItem Text="Détails" Value="Detail" Enabled="false"></asp:MenuItem> <asp:MenuItem Text="Edition" Value="Edition" Enabled="false"></asp:MenuItem> <asp:MenuItem Text="Nouveau" Value="Nouveau"> <asp:MenuItem Text="Evènement" Value="Evt"></asp:MenuItem> <asp:MenuItem Text="Type d'évènement" Value="TypeEvt"></asp:MenuItem> </asp:MenuItem> </Items> </asp:Menu>
Merci d'avance pour votre aide!
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 .menuEvts { background-color: #C3C3C3; } .itemMenuEvts { color: white; font-family: 'Segoe UI'; width: 100%; background-color: #C3C3C3; font-weight: bold; } .itemMenuEvts:hover { background-color: #007AC0; cursor: pointer; } .itemSsMenuEvts { color: white; font-family: 'Segoe UI'; width: 100%; background-color: #C3C3C3; } .itemSsMenuEvts:hover { background-color: #007AC0; cursor: pointer; }
Tib
Partager