Joomla Templates Club 406,261 posts

[guysmiley Friend guysmileyJoin date: October 2006Posts: 50Downloads:0Uploads:6 Thanked: 5 times in 1 posts]

#124626

Hello all,

I was recently making changes to my site to accommodate ie6 (grr) when I noticed a problem with active menu buttons.

I then checked the DEMO in ie6 and noticed the same problem. When hovered, the active tab-right-active.gif displays the tab-right.gif.

See attached for more info. I’m presuming this is an error since it looks incorrect to me…

---

Attachments:

1. 

[kashxo Friend kashxoJoin date: April 2007Posts: 605Downloads:0Uploads:21 Thanks: 11 Thanked: 78 times in 40 posts]

#235374

I have found a fix for this bug. Please do as below:

1. In your ja-splitmenu.css, in folder ja_splitmenu, on line 74th, you will see:

#ja-splitmenu li.active a span {
background: url(../images/tab-active-right.gif) no-repeat top right #E6E6E6;
}
Change it to:

#ja-splitmenu li.active a span {
background: url(../images/tab-active-right.gif) no-repeat top right #E6E6E6 !important;
}

2. In the file: ja-scriptdlmenu.css in folder ja_scriptdlmenu, on line 69th, you will see:

#jasdl-mainnav li.active a span {
background: url(../images/tab-active-right.gif) no-repeat top right #E6E6E6;
}

Change it to:

#jasdl-mainnav li.active a span {
background: url(../images/tab-active-right.gif) no-repeat top right #E6E6E6 !important;
}

That’s it, you will notice that the bug in IE 6 has fixed.
And don’t forget to PM me your result 🙂

[guysmiley Friend guysmileyJoin date: October 2006Posts: 50Downloads:0Uploads:6 Thanked: 5 times in 1 posts]

#235422

Thanks for the fix. We’ve verified it in IE6/7, FF2, Safari(Mac) and Opera.

If you wouldn’t mind explaining a bit, what does <blockquote>!important</blockquote> do?

[kashxo Friend kashxoJoin date: April 2007Posts: 605Downloads:0Uploads:21 Thanks: 11 Thanked: 78 times in 40 posts]

#235426

You can understand like this:
Normally in CSS whichever rule is specified last takes precedence. However if you use !important after a command then this CSS command will take precedence regardless of what appears after it.

[guysmiley Friend guysmileyJoin date: October 2006Posts: 50Downloads:0Uploads:6 Thanked: 5 times in 1 posts]

#235427

Thanks for the explanation, K.

[Author]

Posts