Plusieurs questions a propos du controle menu

Bonsoir,

J'ai un menu avec image, j'ai utilisé les proprietés : StaticSelectedStyle, StaticMenuItemStyle, DynamicHoverStyle ..... pour modifier l'apparence du menu.

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
 
<asp:Menu ID="menuHoriz" runat="server" Orientation="Horizontal" 
        StaticEnableDefaultPopOutImage="False" MaximumDynamicDisplayLevels="2" 
        BackColor="#B5C7DE" DynamicHorizontalOffset="2" Font-Names="Verdana" 
        Font-Size="0.8em" ForeColor="#284E98" StaticSubMenuIndent="10px">
 
 
        <StaticSelectedStyle BackColor="#507CD1" />
        <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
        <DynamicHoverStyle BackColor="#284E98" ForeColor="White" />
        <DynamicMenuStyle BackColor="#B5C7DE" />
        <DynamicSelectedStyle BackColor="#507CD1" />
        <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
        <StaticHoverStyle BackColor="#284E98" ForeColor="White" />
 
        <Items>
            <asp:MenuItem ImageUrl="~/ImagesMenuHoriz/Artisanal.jpg" 
                ToolTip="SECTEUR ARTISANALES">
                <asp:MenuItem Text="Carrosserie - préparateur peinture" 
                    Value="Nouvel élément&nbsp;"></asp:MenuItem>
                <asp:MenuItem Text="Chauffage-central: soudure acier" 
                    Value="Nouvel élément&nbsp;"></asp:MenuItem>
                <asp:MenuItem Text="Horticulture" Value="Nouvel élément&nbsp;"></asp:MenuItem>
                <asp:MenuItem Text="Ouvrier maçon" Value="Nouvel élément&nbsp;"></asp:MenuItem>
                <asp:MenuItem Text="Ouvrier carreleur" Value="Ouvrier carreleur"></asp:MenuItem>
                <asp:MenuItem Text="Pose et raccordement des radiateurs de chauffage central" 
                    Value="Nouvel élément&nbsp;"></asp:MenuItem>
                <asp:MenuItem Text="Décoration de table" Value="Nouvel élément&nbsp;">
                </asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem ImageUrl="~/ImagesMenuHoriz/Arts_plastique.jpg" 
                ToolTip="SECTEUR ARTS PLASTIQUE">
                <asp:MenuItem Text="Techniques d'expression " Value="Techniques d'expression ">
                </asp:MenuItem>
                <asp:MenuItem Text="Expression manuelle niv 1" 
                    Value="Expression manuelle niv 1"></asp:MenuItem>
                <asp:MenuItem Text="Expression manuelle niv 2" 
                    Value="Expression manuelle niv 2"></asp:MenuItem>
                <asp:MenuItem Text="Gravure" Value="Gravure"></asp:MenuItem>
                <asp:MenuItem Text="Description de l'image" Value="Description de l'image">
                </asp:MenuItem>
                <asp:MenuItem Text="Composition de l'image" Value="Composition de l'image">
                </asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem ImageUrl="~/ImagesMenuHoriz/Boulangerie.jpg" 
                ToolTip="SECTEUR BOULANGERIE">
                <asp:MenuItem Text="Boulangerie - Pâtisserie - Techniques élémentaires" 
                    Value="Boulangerie - Pâtisserie - Techniques élémentaires"></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem ImageUrl="~/ImagesMenuHoriz/Remediation.jpg" 
                ToolTip="SECTEUR REMEDIATION">
                <asp:MenuItem Text="Formation de base - niveau 2" 
                    Value="Formation de base - niveau 2"></asp:MenuItem>
                <asp:MenuItem Text="Humanités générales - certificat d'enseignement secondaire supérieur" 
                    Value="Humanités générales - certificat d'enseignement secondaire supérieur">
                </asp:MenuItem>
                <asp:MenuItem Text="Renforcement en orthographe" 
                    Value="Renforcement en orthographe"></asp:MenuItem>
                <asp:MenuItem Text="Alphabétisation: communication orale et écrite n.2" 
                    Value="Alphabétisation: communication orale et écrite n.2"></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem ImageUrl="~/ImagesMenuHoriz/Soins_corps.jpg" 
                ToolTip="SECTEUR SOINS DU COPRS">
                <asp:MenuItem Text="Bases de pédicurie" Value="Bases de pédicurie">
                </asp:MenuItem>
                <asp:MenuItem Text="Coiffure dames" Value="Coiffure dames"></asp:MenuItem>
                <asp:MenuItem Text="Coiffure - encadrement des stages" 
                    Value="Coiffure - encadrement des stages"></asp:MenuItem>
                <asp:MenuItem Text="Coiffure perfectionnement des techniques, création et conception" 
                    Value="Coiffure perfectionnement des techniques, création et conception">
                </asp:MenuItem>
                <asp:MenuItem Text="Esthétique" Value="Esthétique"></asp:MenuItem>
                <asp:MenuItem Text="Soins de beauté des pieds et des mains" 
                    Value="Soins de beauté des pieds et des mains"></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem ImageUrl="~/ImagesMenuHoriz/Stylisme.jpg" 
                ToolTip="SECTEUR HABILLEMENT">
                <asp:MenuItem Text="Bases de retouche" Value="Bases de retouche"></asp:MenuItem>
                <asp:MenuItem Text="Techniques d'exécution" Value="Techniques d'exécution">
                </asp:MenuItem>
                <asp:MenuItem Text="Techniques spécifiques: manteau" 
                    Value="Techniques spécifiques: manteau"></asp:MenuItem>
                <asp:MenuItem Text="Techniques spécifiques: robe et ensemble" 
                    Value="Techniques spécifiques: robe et ensemble"></asp:MenuItem>
                <asp:MenuItem Text="Bases de retouches" Value="Bases de retouches">
                </asp:MenuItem>
                <asp:MenuItem Text="Conception assistée par ordinateur" 
                    Value="Conception assistée par ordinateur"></asp:MenuItem>
                <asp:MenuItem Text="Confection enfant de 2 à 12 ans" 
                    Value="Confection enfant de 2 à 12 ans"></asp:MenuItem>
                <asp:MenuItem Text="Stylisme " Value="Stylisme "></asp:MenuItem>
                <asp:MenuItem Text="Techniques spécifiques: Robe" 
                    Value="Techniques spécifiques: Robe"></asp:MenuItem>
                <asp:MenuItem Text="Techniques de retouche" Value="Techniques de retouche">
                </asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem ImageUrl="~/ImagesMenuHoriz/Informatique.jpg" 
                ToolTip="SECTEUR INFORMATIQUE">
                <asp:MenuItem Text="Cisco " Value="Cisco "></asp:MenuItem>
                <asp:MenuItem Text="Suite Office" Value="Suite Office"></asp:MenuItem>
                <asp:MenuItem Text="Traitement de l'image" Value="Traitement de l'image">
                </asp:MenuItem>
                <asp:MenuItem Text="Word - niveau moyen" Value="Word - niveau moyen">
                </asp:MenuItem>
                <asp:MenuItem Text="Bachelier en informatique de gestion (R1)" 
                    Value="Bachelier en informatique de gestion (R1)"></asp:MenuItem>
                <asp:MenuItem Text="Edition assitée par ordinateur" 
                    Value="Edition assitée par ordinateur"></asp:MenuItem>
                <asp:MenuItem Text="Opérateur de saisie-encodeur" 
                    Value="Opérateur de saisie-encodeur"></asp:MenuItem>
                <asp:MenuItem Text="Maintenance PC" Value="Maintenance PC"></asp:MenuItem>
                <asp:MenuItem Text="UTL" Value="UTL"></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem ImageUrl="~/ImagesMenuHoriz/images.jpg" 
                ToolTip="SECTEUR TECHNIQUES/INDUSTRIE, TECHNOLOGIES DE POINTE">
                <asp:MenuItem Text="Graduat Energie et Environnement : Niveau 1" 
                    Value="Graduat Energie et Environnement : Niveau 1"></asp:MenuItem>
                <asp:MenuItem Text="Bases de dessin assisté par ordinateur" 
                    Value="Bases de dessin assisté par ordinateur"></asp:MenuItem>
                <asp:MenuItem Text="Dessinateur industriel" Value="Dessinateur industriel">
                </asp:MenuItem>
                <asp:MenuItem Text="Graduat Energie et Environnement : Niveau 2" 
                    Value="Graduat Energie et Environnement : Niveau 2"></asp:MenuItem>
                <asp:MenuItem Text="Graduat Energie et Environnement : Niveau 3" 
                    Value="Graduat Energie et Environnement : Niveau 3"></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem ImageUrl="~/ImagesMenuHoriz/Langue.jpg" ToolTip="SECTEUR LANGUES">
                <asp:MenuItem Text="Allemand" Value="Allemand"></asp:MenuItem>
                <asp:MenuItem Text="Anglais" Value="Anglais"></asp:MenuItem>
                <asp:MenuItem Text="Collaboration Communauté russophone" 
                    Value="Collaboration Communauté russophone"></asp:MenuItem>
                <asp:MenuItem Text="Espagnol" Value="Espagnol"></asp:MenuItem>
                <asp:MenuItem Text="Français" Value="Français"></asp:MenuItem>
                <asp:MenuItem Text="Italien" Value="Italien"></asp:MenuItem>
                <asp:MenuItem Text="Néerlandais" Value="Néerlandais"></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem ImageUrl="~/ImagesMenuHoriz/Restauration.jpg" 
                ToolTip="SECTEUR RESTAURATION">
                <asp:MenuItem Text="Bases de restauration" Value="Bases de restauration">
                </asp:MenuItem>
                <asp:MenuItem Text="Suites restauration" Value="Suites restauration">
                </asp:MenuItem>
                <asp:MenuItem Text="Suites restauration (ESS)" 
                    Value="Suites restauration (ESS)"></asp:MenuItem>
                <asp:MenuItem Text="Pâtisserie" Value="Pâtisserie"></asp:MenuItem>
                <asp:MenuItem Text="Restaurateur niveau 1" Value="Restaurateur niveau 1">
                </asp:MenuItem>
                <asp:MenuItem Text="Restauration-gastronomie niveau CTSS" 
                    Value="Restauration-gastronomie niveau CTSS"></asp:MenuItem>
                <asp:MenuItem Text="Restauration-gastronomie niveau ESI" 
                    Value="Restauration-gastronomie niveau ESI"></asp:MenuItem>
                <asp:MenuItem Text="Salle niveau 1" Value="Salle niveau 1"></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem ImageUrl="~/ImagesMenuHoriz/Tertiaire.jpg" 
                ToolTip="SECTEUR TERTIAIRE">
                <asp:MenuItem Text="Connaissances de gestion" Value="Connaissances de gestion">
                </asp:MenuItem>
                <asp:MenuItem Text="Hôtesse d'accueil" Value="Hôtesse d'accueil"></asp:MenuItem>
                <asp:MenuItem Text="Vendeur - Vendeuse " Value="Vendeur - Vendeuse ">
                </asp:MenuItem>
            </asp:MenuItem>
        </Items>
    </asp:Menu>

Mais je voudrais utiliser des couleurs différentes pour chaque item de mon menu et sous menu. J'ai vu la notion de classcss pourrais m'aider.
Mais je vois aucun tuto sur le net, j'ai lu la doc de microsoft mais c est un petit peu flou pour moi.

Aussi je voudrais savoir comment puis-je créer un fichier xml(sitemap) qui utilise aussi les images ?

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
 
 
<?xml version="1.0" encoding="utf-8" ?>
<siteMap>
  <siteMapNode ImageUrl="~/ImagesMenuHoriz/Artisanal.jpg" title="Home" description="Home" url="default.aspx" >
    <siteMapNode title="Products" description="Our products"
     url="Products.aspx" ImageUrl="~/ImagesMenuHoriz/Artisanal.jpg">
      <siteMapNode title="Hardware"
       description="Hardware choices"
       url="Hardware.aspx" />
      <siteMapNode title="Software"
       description="Software choices"
       url="Software.aspx" />
    </siteMapNode>
    <siteMapNode title="Services"
     description="Services we offer"
     url="Services.aspx">
      <siteMapNode title="Training"
       description="Training classes"
       url="Training.aspx" />
      <siteMapNode title="Consulting"
       description="Consulting services"
       url="Consulting.aspx" />
      <siteMapNode title="Support"
       description="Support plans"
       url="Support.aspx" />
    </siteMapNode>
  </siteMapNode>
</siteMap>

Car les images ne s'affichent pas a partir du sitemap !?

Merci d'avance.