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

[Daniel]

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">
                &nbsp;</td>
            <td class="style2">
                &nbsp;</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.

[Princy]

Hello Daniel,

You can try the following CSS:

CSS:

<style type="text/css">
  .RadMenu  .rmText
  {
    display:table-row !important;
    float:left !important;
    margin-left:20px !important;
  }
</style>

Thanks,
Princy.