.active-State for the IE

- 2 Posts
qt Reply #1, 17 years, 5 months ago
Hi

Cool extension, indeed!
But I am stuck on a ’little’ issue:

I cannot bring the ’active’ state into the .sub-Class of the <!--[if lte IE 6]>-Section.
That means, that the actual clicked menu-item (main Navigation) cannot be set to the ’active’-CSS-state. So there is never an active main navigation link.
In the submenus it works fine by adding a css-statement:
```
.menu td li.active a { display : block; background-color : #36c !important; } 
```
How can I add the active-css-class to the sub-class?

Thanks for ’any’ input!

QT

2 Posts

No hints or answers yet?
Maybe I have to provide some more infos.

Ok.
I use the exact code from the example on http://www.muddydogpaws.com/notebook/wayfinder-10/example-1.html .
Of course, the CSS-Part is customized, but all’n’all, it’s the same code.

The HTML-output of wayfinder is something like this:

<div class="menu">
    <ul>
        <li><a  class="hide" href="/link1.html" title="Link1">Link1</a>

    <!--[if lte IE 6]>
    <a class="sub" href="/link1.html" title="Link1">Link1
    <table><tr><td>
    <![endif]-->
    <!--[if lte IE 6]>
	</td></tr></table>
    </a>
    <![endif]-->
</li>
<li><a  class="hide" href="/link2.html" title="Link2">Link2</a>
    <!--[if lte IE 6]>
    <a class="sub" href="/link2.html" title="Link2">Link2
    <table><tr><td>
    <![endif]-->
    
<ul>
<li><a href="/sublink2_1.html" title="sublink2_1">sublink2_1</a></li>
<li><a href="/sublink2_2.html" title="sublink2_2">sublink2_2</a></li>
<li><a href="/sublink2_3.html" title="sublink2_3">sublink2_3</a></li>
<li class="last"><a href="/sublink2_4.html" title="sublink2_4">sublink2_4</a></li>
</ul>
    <!--[if lte IE 6]>
	</td></tr></table>
    </a>
    <![endif]-->
</li>

</ul>
</div>

My question is, how to get the .active-CSS-Class into the .sub-Class from:

<a[b] class="sub" [/b]href="/link2.html" title="Link2">Link2

I really appreciate any input!
Thanks a lot.
QT