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

Forums / Designing & Styling / Navigation Style

Navigation Style

3 posts, 0 answered
  1. Kelly
    Kelly avatar
    24 posts
    Registered:
    05 May 2010
    16 Feb 2011
    Link to this post
    I am working on styling the navigation and used a div to style my navigation bar. However it is not pick up the styles on my second level in the css. Can someone please give me direction? The css is below:
    #navigation
    {
        background-image:url(../images/nav-bg.jpg);
        background-repeat:repeat-x;
        height:49px;
        margin:auto;
        padding:0;
        width:922px;
    }
    #navigation ul
    {
        height:49px;
        margin:auto;
        padding:0 0 0 0;
        width:922px;
    }
      
    #navigation ul li
    {
        display:inline;
        float: left;
        margin:0 0 0 0;
        padding: 0 0 0 0;
    }
      
    #navigation li a
    {
        color:#FFFFFF;
        float:left;
        height:49px;
        width:auto;
        padding: 15px 0px 0px 15px;
        text-decoration:none;
        text-transform:uppercase;
        font-size: 150%;
        text-shadow: 1px 1px 2px #000;
        border-image: url (../images/border-right.jpg)20;
      
    }
    #navigation li img{
        border:none;
    }
    #navigation li a:hover
    {
        background-image: url(../images/activenav-bg.jpg);
        background-repeat:repeat-x;
        }
        #navigation li li a
    {
        color:#FFFFFF;
        float:left;
        height:25px;
        width:auto;
        padding: 5px 0px 0px 5px;
        text-decoration:none;
        text-transform:uppercase;
        font-size: 100%;
        text-shadow: 1px 1px 2px #000;
        background-image:url(../images/nav-bg.jpg);
        background-repeat:repeat-x;
      
    }
    #navigation li li img{
        border:none;
    }
    #navigation li li a:hover
    {
        background-image: url(../images/activenav-bg.jpg);
        background-repeat:repeat-x;
        }

    Thank you!
  2. Katia
    Katia avatar
    194 posts
    Registered:
    01 Jul 2016
    18 Feb 2011
    Link to this post
    Hello Kelly,

    I cannot reproduce your issue. Can you give more details about the control you use and how you have configured it. Also, what do you mean by the styles are not picked up by the second level and what you expect. Can you send a screenshot to illustrate the problem?

    Kind regards,
    Katia
    the Telerik team
  3. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    21 Feb 2011
    Link to this post
    Use firefox and firebug, should be able to figureout which styles are overriding yours...you might need to leverage !important quite a bit :)
3 posts, 0 answered