Navigation Style - Front- & Back-End Development - Front- & Back-End Development - Progress Community
 Front- & Back-End Development

Navigation Style

  • Navigation Style
  • 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!
  • 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
  • Use firefox and firebug, should be able to figureout which styles are overriding yours...you might need to leverage !important quite a bit :)