Joomla Extensions Club 20,483 posts

[bigfunlee Friend bigfunleeJoin date: March 2009Posts: 3Downloads:0Uploads:0]

#139974

I have a JA Tabs problem in IE6, I really hope someone can help.

This is where I am having the problem :

http://www.nyasite.com/elcometer/index.php?option=com_content&view=article&id=23:elcometer-107-cross-hatch-cutter&catid=179&Itemid=505

The drop down menu falls behind the tabs and the menu on the left slips down the page when I click on the tabs.
I’m really new to Joomla/CSS so I would appreciate some help in laymans terms.

I have searched the forum and it seems it may be a z-index problem, but I can’t work out what I need to change.

This is my first Joomla site and I suddenly think I have bitten off more than I can chew! My deadline is looming and I’m getting hassle from my client.

Thankyou in advance for your help.

[bigfunlee Friend bigfunleeJoin date: March 2009Posts: 3Downloads:0Uploads:0]

#300280

I managed to sort out the problem, more by luck than judgement.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#300281

z-index is your friend! 🙂

[Juan Carlos Stauring Friend Juan Carlos StauringJoin date: September 2014Posts: 250Downloads:27Uploads:12 Thanks: 53 Thanked: 19 times in 3 posts]

#302100

What is that solution?

[wirecreative Friend wirecreativeJoin date: November 2008Posts: 10Downloads:4Uploads:0]

#302354

I had this same problem using the jaslideshow2 on Nickel: the css menu was dropping behind the slideshow.

After adding and changing z-index to everything I could find I finally isolated this as the solution, adding the following z-index property inside in the template.css file:

#ja-mainnav .main {

background: #666666;

padding: 0;

position: relative;

height: 40px;

z-index: 9999;
}


[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#302356

It’s amazing what a little trial-and-error can accomplish.

It’s a great feeling, isn’t it?

🙂

[wirecreative Friend wirecreativeJoin date: November 2008Posts: 10Downloads:4Uploads:0]

#302359

<em>@tcraw1010 125695 wrote:</em><blockquote>It’s amazing what a little trial-and-error can accomplish.

It’s a great feeling, isn’t it?

:)</blockquote>

Well, yeah. But at the same time, it would be nice to get better support from this forum.

When I first searched, all the posted solutions instructed changes only to pre-existing z-index values in the cssmenu style sheet. So I banged my head against that wall for a while.

Then, when I started looking around other files and testing fixes, I began noticing typos in the code of the css files and the main template file. It wasn’t confidence inspiring.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#302363

so wait – it wasn’t simply a z-index fix for your issue?

:confused:

[wirecreative Friend wirecreativeJoin date: November 2008Posts: 10Downloads:4Uploads:0]

#302389

<em>@tcraw1010 125703 wrote:</em><blockquote>so wait – it wasn’t simply a z-index fix for your issue?

:confused:</blockquote>

No it was, but not the same one referenced in another thread in this forum. Sort of hard to see how this template could be tested in Q&A without that coming up and being fixed.

Also pointing out that in the process of fixing the error myself, I noticed some other typos in the template and CSS files which, coupled with the “fix it yourself” attitude seen around this forum, doesn’t suggest a very strong commitment to paying customer satisfaction.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#302391

<em>@wirecreative 125736 wrote:</em><blockquote>
Also pointing out that in the process of fixing the error myself, I noticed some other typos in the template and CSS files which, coupled with the “fix it yourself” attitude seen around this forum, doesn’t suggest a very strong commitment to paying customer satisfaction.</blockquote>
wow . . . a bit feisty today, aren’t we? 😉

The Community does not ‘enforce” a fix it yourself” attitude so much as we promote a “help us help yourself” attitude to learn and further develop yours (and our) web development skills. After all, isn’t that why we join a template club in the first place . . . to engage in and develop our web design and presentation skills?

Incidentally, were the JA Tabs in your template originally in that position, or did you do some modification to assign it to that position – thereby experiencing the overlap issue? Which template did you start out with?

[wirecreative Friend wirecreativeJoin date: November 2008Posts: 10Downloads:4Uploads:0]

#302392

<em>@tcraw1010 125738 wrote:</em><blockquote>wow . . . a bit feisty today, aren’t we? 😉

The Community does not ‘enforce” a fix it yourself” attitude so much as we promote a “help us help yourself” attitude to learn and further develop yours (and our) web development skills. After all, isn’t that why we join a template club in the first place . . . to engage in and develop our web design and presentation skills?

Incidentally, were the JA Tabs in your template originally in that position, or did you do some modification to assign it to that position – thereby experiencing the overlap issue? Which template did you start out with?</blockquote>

I’m using the jaslideshow2 in its native module position, just like the Nickel template demo, which is why it seems strange to me that it was apparently fixed for the demo but not the downloaded template files.

Another thread talked about changing existing z-index properties in the cssmenu file. I fixed this by adding z-index properties to every conceivable style in that file, the jaslideshow css file, and finally the template css file before finding one that fixed it, and then I removed the others to make sure it still worked.

[defeedme Friend defeedmeJoin date: January 2007Posts: 1Downloads:0Uploads:0]

#311602

thanks wirecreative – your fix worked for my JA Purity template..
it has to be modified in the style.css which has to be manually edited (not from the admin)..
under directory: /templates/ja_purity/styles/header/blue/

then just add: under All Levels:

#ja-mainnav ul, #ja-mainnav li {
background-image: none;
list-style: none;
z-index: 9999;
}

[Author]

Posts