active link to my menu

  • Hello,

    I don’t understand why my menu links don’t use my css for active link?

    I am begginer but when I use firebug I have
    <div id=”mainMenu” role=”navigationHorizontal”>
    <div class=”menu-main-menu-container”>
    <ul id=”menu-main-menu” class=”menu”>
    <li id=”menu-item-19″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-20″>

    <li id=”menu-item-20″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-20″>
    …

    My css :

    …

    #mainMenu ul li a{
    padding: 7px 7px 11px 5px;
    width: 50px;
    margin: 0 9px;

    }

    ul#menu-main-menu li a:link , ul#menu-main-menu li a:visited {
    color: #CCC;
    text-decoration: none;
    }

    ul#menu-main-menu li a:hover , ul#menu-main-menu li a:active {
    color: #F2C203;
    background-color: #006633;
    text-decoration: none;
    }

    Would you help me to find me error plz?

    Sam

  • The topic ‘active link to my menu’ is closed to new replies.