+1-888-365-2779
Try Now
More in this section

Forums / General Discussions / SitePanelBar - css problem

SitePanelBar - css problem

2 posts, 0 answered
  1. Martin P
    Martin P avatar
    2 posts
    Registered:
    04 Oct 2012
    23 Oct 2009
    Link to this post
    Hi,
    I'm trying to replicate the side navigation of the Sitefinity Telerik University site which seems to work fine except for when the menu item name goes onto two lines. The second line drops on top of the menu item below rather than pushing it down. I have been playing around but no luck. Has anyone with greater css skills than mine any ideas?

    My css so far is below.

    Many thanks

    .RadPanelBar_CambsPHN
    {
    font-family:tahoma,arial,verdana,sans-serif;  

    font-size:11px;
    font-weight:bold;
    width:190px;
    }

    .RadPanelBar_CambsPHN .rpText
    {
    height:22px;
    display:block;
    color: #5c5c5c;

    background: url('Img/headerArrow.gif');
    background-repeat:no-repeat;
    background-position: 0px 9px;
    padding-left:15px;
    cursor:pointer;
    }

    .rpItem{
    height:22px;
    border-bottom: solid 1px #e3e3e3;
    list-style: none none outside;
    /*white-space:nowrap;*/
    display:block;
    }

    .RadPanelBar_CambsPHN .rpImage
    {
    }
    .rpRootGroup{
    list-style-type: none;
    padding: 0;
    margin: 0;
    /*height:400px;*/
    }
    .RadPanelBar_CambsPHN .rpGroup
    {
    }

    .rpLast{
    border-bottom: none;
    }


    .RadPanelBar_CambsPHN .rpRootGroup .rpText
    {
       line-height: 22px;
    }

    .RadPanelBar_CambsPHN .rpRootGroup .rpLink
    {
    }

    .RadPanelBar_CambsPHN .rpGroup .rpText
    {
    }

    .RadPanelBar_CambsPHN .rpGroup .rpLink
    {
    }
    .rpLink:hover
    {
    }


    .RadPanelBar_CambsPHN .rpRootGroup .rpExpanded
    {
    }

    .RadPanelBar_CambsPHN .rpGroup .rpExpanded
    {
    }

    .RadPanelBar_CambsPHN .rpRootGroup .rpExpanded .rpText
    {
    }

    .RadPanelBar_CambsPHN .rpRootGroup .rpSelected .rpText
    {
    }

    .RadPanelBar_CambsPHN .rpRootGroup .rpSelected
    {
    }

    .RadPanelBar_CambsPHN .rpGroup .rpSelected .rpText
    {
    }

    .RadPanelBar_CambsPHN .rpGroup .rpExpanded .rpText
    {
    }

    .RadPanelBar_CambsPHN .rpRootGroup .rpGroup .rpSelected
    {
    }
  2. Martin P
    Martin P avatar
    2 posts
    Registered:
    04 Oct 2012
    23 Oct 2009
    Link to this post
    Hi,
    This has been resolved by removing the height from rpItem.
    thanks
2 posts, 0 answered