Page 1 of 1

[SOLVED] Current menu item not displaying correctly in IE6

Posted: Mon Sep 01, 2008 8:38 pm
by kanjigirl
I have the menu template set up like this:

{elseif $node->current == true}
<a class="menuactive" etc....

And my CSS like so:

#nav li a.menuactive, #nav li ul li a.menuactive {
color: #EFA836;
background-color: transparent;
text-decoration: none;
}

Here's a link: http://www.redkitecreative.com/projects/naww/.

The current item is showing up correctly in FF, IE7, Safari, Opera and Netscape, but not IE6. Can someone help me get this working? I tried adding the CSS in again as a conditional comment for IE6, but no change.

Re: Current menu item not displaying correctly in IE6

Posted: Mon Sep 01, 2008 10:26 pm
by sn3p
Seems to be a CSS issue, the style in probably inherited from another declaration.

Replace this:

Code: Select all

#nav li a, #nav li ul li a, #nav li a:link #nav li ul li a:link, #nav li a:visited, #nav li ul li 

a:visited {
	color: #FFFFFB;
	background-color: transparent;
	text-decoration: none;
}
#nav li a:hover, #nav li a:hover, #nav li a:active, #nav li a:active, #nav li a.menuactive, #nav li ul li a.menuactive {
	color: #EFA836;
	background-color: transparent;
	text-decoration: none;
}
With this:

Code: Select all

#nav a {
	color: #FFFFFB;
	text-decoration: none;
}
#nav a:hover, #nav a.menuactive {
	color: #EFA836;
}
And all should work fine for IE6.

Re: Current menu item not displaying correctly in IE6

Posted: Mon Sep 01, 2008 10:53 pm
by kanjigirl
I tried this - okay in IE7 still, but not working in IE6...

Re: Current menu item not displaying correctly in IE6

Posted: Mon Sep 01, 2008 11:17 pm
by sn3p
You can't use in CSS, use /* ... */ instead.
If you comment it properly or remove the code, you'll see it will work ;)

Re: Current menu item not displaying correctly in IE6

Posted: Mon Sep 01, 2008 11:27 pm
by kanjigirl
Well, that was dumb.

Working fine now, thank you.

Re: Current menu item not displaying correctly in IE6

Posted: Mon Sep 01, 2008 11:28 pm
by sn3p
[Solved] ? ;)