-
Website Navigation Coming Up Under Images
Ok…..here my issue. Ive got a website here.
https://www.usa.makelifebetter.com/blf_corp/
the center image is a javascvipt that loads a different image everytime you come to the site……and the Navigation ont he left…is Java….and it popups OVER the center image…..Thats how it should work. But my bosses want the images in the center to rotate and fade nicely every 10 seconds….So…I thought Flash…….But…when using flash…the navigation on the side….pops up UNDER the center image…..and that wont do. So….I re-created the images fading and stuff using java and CSS….seen here.
https://www.usa.makelifebetter.com/blf_corp/index_test.html
But the navigation STILL shows up UNDER the center image. Any idea how to fix this problem?
Thanks in advance guys!
Jacob
-
10 Replies
-
hello…
if everything is now html, then try setting the z-index property for the floating nav submenus to something above 1 – like to be safe, say 100…
if that doesn’t work then let me know…
sitruc
-
Z-Index property? Where would I find this in html?
I wasn’t aware of such a thing hahaJacob
-
It would also be nice to not have to use Layers.
-
hello…
z-index is a css property used to vertically place items on a page (think z of an x/y/z 3d space)…absolute positioned items with a higher z-index are shown above other page elements…
https://www.w3schools.com/css/pr_pos_z-index.asp
sitruc
-
So……how would i work out the position of the image…..it’s not exactly absolute…..it’s in a table, and that table is center justified on the screen.
I guess i’ll have to tinker with it.
-
So i was playing with it……and this is teh code i used….
img.x
{
position:relative;
left:0px;
top:0px;
z-index:100
}but when i use that….it appears the flyout menus stop working……any ideas there?
-
hello…
not the image – the navigation menus themselves – position those higher in the z-index…
this is just a suggestion based on the concept here – i have not reviewed your code, as i don’t have enough time to do so now – but the basic concept is that somewhere you either have a layer or a container that is above those menus…
sitruc
-
Nope…no layers or anything. Essentially…..I have an image with hotspots..and from those hotspots……and popup menu opens up. It was all puttogether in dreamweaver…so the code for the menu is in the page……..This site was just thrown together because my boss wanted it NOW NOW NOW ya know? haha
If you could….when you’ve got time….take a look at the code? Cause I haven’t had any luck.
Thanks a million
Jacob
-
You need to design around the flash. Flash by default just kinda takes over. Always in front as long as it’s playing.
Go look at Adobe’s web site. They have numerous pull down menus that disappear under the flash animation below it as you mouse over. They may work better in IE, but in Safari I see this problem everywhere. I figure if Adobe can’t make it work perfectly, I’m not gonna have much luck.
-
Looks like the Adobe problem is only in Safari. Not FF or IE on either Mac or Windows.
Reply to this Discussion! Login or Sign Up