Need Help with Hover Banner

[Txep'Kxetse]

Hover Banner - Using this one

I posted there and haven't received a reply yet. I am having issues with the banner showing when you hover your mouse over it. It disappears when you hover over the middle of the Banner. Can anyone help me with this issue? 

Or refer me to a similar Hover template that I could use for the Banner? 

Please and Thankyou. 

[Tumbleweed]

Jul 3, 2015 21:37:32 GMT -8 Txep'Kxetse said:

Hover Banner - Using this one

I posted there and haven't received a reply yet. I am having issues with the banner showing when you hover your mouse over it. It disappears when you hover over the middle of the Banner. Can anyone help me with this issue? 

Or refer me to a similar Hover template that I could use for the Banner? 

Please and Thankyou. 

Looks like that member that posted the code hasn't been around in a while. I've given my code to other members so if you want to try it, it's here:

support.proboards.com/post/6360820/thread

It's pretty bare bones leaving a lot of the text styling and such, up to you, but if you want to see it I have it here:

putteraround1.proboards.com/

If you prefer to make the one you have work, the I'll need a link to your site to see if I can determine why it isn't working for you.

[Txep'Kxetse]

Thankyou for such a quick reply.
Here's my testing site I'm working on with this hover banner. aiseirighwip.boards.net/

I'll look into your codes if I can't get this one to work.

[Tumbleweed]

Jul 4, 2015 5:59:31 GMT -8 Txep'Kxetse said:

Thankyou for such a quick reply.
Here's my testing site I'm working on with this hover banner. aiseirighwip.boards.net/

I'll look into your codes if I can't get this one to work.

Thanks for the link but I can't pin point what is causing that. Would you mind posting your css and the html part you have so I can look it over. You can pm it to me if you prefer. (I did find some minor things but none that would cause that part to vanish like that.)

[Tumbleweed]

Sorry Txep'Kxetse for not getting to this until now and thanks for pm'ing me the coding. I believe it is your tabbed category tabs you have on the left side causing the problem.  When you scroll so the tabs are even with the menu items, the fade stops working on those links. If you scroll so they aren't even with any links, the hover works.

Because the table had no width, it actually expands across the whole page and the z-index is at 9999 so the table is on top of everything. If you want to clearly understand what I mean add a border: 1px solid red; like I did below and you'll see how that table with the tabs is on top of your links.

So the solution is to put a width to that table so add the blue: Honestly, I'm not sure why that needed a z-index but as long as you add the width, the z-index won't hurt anything. Wouldn't be a bad idea just to add that border so you can adjust that width to perfection and see how much you are adjusting it.

.tabbedcategories { /* Adjust where your categories sit using the top and left styles */
position: fixed;
top: 213px;
left: 20px;
width:224px;
z-index: 9999;
border: 1px solid red;
}

You can remove the border when you get the width perfect.

[Txep'Kxetse]

You are amazing! It worked perfectly!. Thank you so much! -bows- You've helped me out greatly with this. i may keep the border on there as apart of the skin We'll see how it looks. But thank you again!.