Width doesn't fill table

2 posts, 1 answers
  1. Jomey
    Jomey avatar
    60 posts
    Member since:
    Jan 2008

    Posted 11 Apr 2008 Link to this post

    I have 3 items and after the 3rd menu item the menu just stops.  It should be a giant blank line until the table width is full.  My Skin is Telerik.  If I set my skin to Default2006 it works.

    <

    table width="960" border=0>

    <

    tr><td>test</td></tr>

    <

    tr><td>

    <

    telerik:RadMenu ID="RadMenu1" runat="server" Skin="Telerik"

    DataSourceID="XmlDataSource1" DataTextField="Text" EnableOverlay="true"

    DataNavigateUrlField="Url" Width="100%">

    <

    CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>

    </telerik:RadMenu>

    </

    td></tr>

    </

    table>

  2. Answer
    Peter
    Admin
    Peter avatar
    6637 posts

    Posted 14 Apr 2008 Link to this post

    Hello Jomey,

    The Telerik skin doesn't have a background defined for the .RadMenu_Telerik class which is applied on the outer menu div. The problem can be easily avoided with the following css rule:

    <style type="text/css">  
    .RadMenu_Telerik   
    {      
     background:#FEFEFE url(WebResource.axd?d=XPNRmRLArTNHu2QhIVqLTrxWgAQ5ol4O4l_pg7SMGByfoyjL0L5TJyH62aRhtRu_3dBVkQQtrEO32GA4Kb9C9dc2gSWBbIqP_6gbO_GF5zc1&t=633394608740000000) repeat-x scroll 0%;  
     
     border-right:1px solid #DBDBDB;  
    }      
    </style> 

    The image for the background is the same that is used for the root items.

    Please, try this suggestion and let us know how it goes.


    Kind regards,
    Peter
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top