PDA

View Full Version : possible bug in Ultimate Fade-in slideshow (v2.1)



armengeo
04-07-2010, 12:28 AM
1) Script Title: Ultimate Fade-in slideshow (v2.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: I am having an issue with the positioning of the DIV. To see the possible bug please go to my site http://www.traffic101testserver.com/index-t101.html. Then put your mouse over the who we are link. The menu gets hidden behind the fade in images. It works fine in IE 6 but does not work with any other browser or version. Please let me know how I can fix this. Thanks.

jscheuer1
04-07-2010, 02:54 PM
Just an issue with z-index, often quite common where menus and slide shows are involved. Add the highlighted as shown to your all-t101.css file:


body{
margin:0;
color:#383629;
font:14px Arial, Helvetica, sans-serif;
background:#225e78;
min-width:980px;
}
.navbar, .navabar *, .sb-box {
position: relative;
z-index: 1111;
}
img{border-style:none;}
a{
text-decoration:none;
color:#393829;
}

That will work in Firefox, probably all others. If there is still a problem in some, add:


.navbar, .navabar *, .sb-box {
position: relative;
z-index: 1111!important;
}

Note: Your layout is complex. There is a chance this will mess something else up. As an example, I had to include .sb-box class because without doing so the navbar was then obscuring part of it.

armengeo
04-07-2010, 06:25 PM
Hi John,
Thanks for your reply. Your solution worked great in all browsers except for IE 6 & 7. The addition of that code caused the nav bar to be ontop of the start course box. I made the code browser specific and left off "position: relative;" for IE 6 & 7 and that did the trick. Not sure if the removal will cause any other problems. Thanks again for your help.

armengeo
04-08-2010, 11:00 PM
Hi John,
I spoke too soon. Your suggestion did fix the menu issue however now it is forcing my baloon tips tio be behind the nav bar. Please go to http://www.traffic101testserver.com/index-t101.html and locate the start course box on the right side. With in there is a help link called whats this. Place your mouse over it and you will see that the baloon is not on top as it should be. If I remove your suggested code then it works.

Any thoughts? Thanks again for your help.

jscheuer1
04-09-2010, 12:22 AM
I'm a bit rushed at the moment. However, without even looking I can say that the tip must have a z-index lower than 1111. So raise its z-index to 1112 and things should be fine.

If you don't get the idea, or if it doesn't work, let me know.

armengeo
04-09-2010, 04:38 PM
John -
You were right on the nose! Thanks again.