navigation active state problem

  • Dying2Live

    (@dying2live)


    15 years, 7 months ago

    Hi,

    I’ve been building my first custom theme and I’m just about done, but I have one problem, the active states for the main navigation. The roll overs work fine I just cant figure out how to get the active states on when you’re on the coinciding page. If anyone could help me with this I would really appreciate it.

    Here is the html:

    <div class="left-menu">
     <ul>
         <li><a href="#" title="Home">Home</a></li>
         <li><a href="#" title="Events Calendar">Events Calendar</a></li>
         <li><a href="#" title="Menu">Menu</a></li>
     </ul>
</div>

    Here is the css:

    .left-menu	{width:376px; height:30px; float:left;}
.left-menu ul {list-style:none; padding-left:22px; margin:0;}
.left-menu li {list-style:none outside none; display:inline; line-height:30px;}
.left-menu li a {font-family:"Times New Roman", Times, serif; font-size:18px; color:#e6d7c5; text-decoration:none; font-weight:bold; margin-left:35px;}
.left-menu li a:hover, .current_page_item {color:#3c1b25; text-decoration:none;}

    Thanks in advance.

Viewing 10 replies - 1 through 10 (of 10 total)
Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘navigation active state problem’ is closed to new replies.