Navigation Style

Posted by Community Admin on 05-Aug-2018 22:15

Navigation Style

Sitefinity - Front- & Back-End Development

All Replies

Posted by Community Admin on 16-Feb-2011 00:00

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!

Posted by Community Admin on 18-Feb-2011 00:00

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

Vote for the 7 Telerik products at the 2011 Great Indian Developer Awards!

Posted by Community Admin on 21-Feb-2011 00:00

Use firefox and firebug, should be able to figureout which styles are overriding yours...you might need to leverage !important quite a bit :)

This thread is closed