How do you use the menu to use image in the upper part and use text which is aligned at the center with the image on top
<table style="width:90%;">
<tr>
<td class="style4">
</td>
<td class="style2">
</td>
<td class="style3">
<telerik:RadMenu ID="RadMenu1" Runat="server" Skin="" CssClass="CSMBMenu"
EnableRoundedCorners="True" >
<Items>
<telerik:RadMenuItem runat="server" CssClass="menu"
HoveredImageUrl="~/Images/building_small_cadre.jpg"
ImageUrl="~/Images/building_small.jpg"
SelectedImageUrl="~/Images/building_small_cadre.jpg" Text="Bâtisses"
Width="83px">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" CssClass="menu"
HoveredImageUrl="~/Images/locker_small_cadre.jpg"
ImageUrl="~/Images/locker_small.jpg"
SelectedImageUrl="~/Images/locker_small_cadre.jpg" Text="Casiers" Width="83px">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" CssClass="menu"
HoveredImageUrl="~/Images/books_small_cadre.jpg"
ImageUrl="~/Images/books_small.jpg"
SelectedImageUrl="~/Images/books_small_cadre.jpg" Text="Dictionnaire"
Width="83px">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" CssClass="menu"
HoveredImageUrl="~/Images/security_small_cadre.jpg"
ImageUrl="~/Images/security_small.jpg"
SelectedImageUrl="~/Images/security_small_cadre.jpg" Text="Accès" Width="83px">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
</td>
<td></td>
</tr>
</table>
Here is the RadMenu but i can't get the text to align in the center, i guess i have to use the right css but dont have a clue on how to do that.
<table style="width:90%;">
<tr>
<td class="style4">
</td>
<td class="style2">
</td>
<td class="style3">
<telerik:RadMenu ID="RadMenu1" Runat="server" Skin="" CssClass="CSMBMenu"
EnableRoundedCorners="True" >
<Items>
<telerik:RadMenuItem runat="server" CssClass="menu"
HoveredImageUrl="~/Images/building_small_cadre.jpg"
ImageUrl="~/Images/building_small.jpg"
SelectedImageUrl="~/Images/building_small_cadre.jpg" Text="Bâtisses"
Width="83px">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" CssClass="menu"
HoveredImageUrl="~/Images/locker_small_cadre.jpg"
ImageUrl="~/Images/locker_small.jpg"
SelectedImageUrl="~/Images/locker_small_cadre.jpg" Text="Casiers" Width="83px">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" CssClass="menu"
HoveredImageUrl="~/Images/books_small_cadre.jpg"
ImageUrl="~/Images/books_small.jpg"
SelectedImageUrl="~/Images/books_small_cadre.jpg" Text="Dictionnaire"
Width="83px">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" CssClass="menu"
HoveredImageUrl="~/Images/security_small_cadre.jpg"
ImageUrl="~/Images/security_small.jpg"
SelectedImageUrl="~/Images/security_small_cadre.jpg" Text="Accès" Width="83px">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
</td>
<td></td>
</tr>
</table>
Here is the RadMenu but i can't get the text to align in the center, i guess i have to use the right css but dont have a clue on how to do that.