krnj
asked on
Image-Based Main Menu, Text Sub Menus Slide Out On Mouseover, Image Changes On Mouseover, Cross-Frame Preferred
I need to create a menu that will appear as approx. 5 square images across the top of the page in a frame (rectangular area). Below the top frame will be a target frame(area) that will open the page (content) selected from the menu. A close example of what I am seeking is at http://www.burmees.nl/menu/examples/examplebgimages.htm
The leftmost square with the text dropdown menu is close to what I want, just without the background image behind the text. I'd also like to have the images change from B/W to color on mouseover. The difficult part of creating the menu is having the submenu open from the top frame over the target frame. If there is a solution other than using frames that will allow the menu to stay in place while allowing the selected page(content) to open below, I am open to trying that solution. Thank you.
The leftmost square with the text dropdown menu is close to what I want, just without the background image behind the text. I'd also like to have the images change from B/W to color on mouseover. The difficult part of creating the menu is having the submenu open from the top frame over the target frame. If there is a solution other than using frames that will allow the menu to stay in place while allowing the selected page(content) to open below, I am open to trying that solution. Thank you.
ASKER
That's a great alternative, but I really do need it to work in IE6, IE7, and Safari.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thank you for your help.
For example:
<div stye="positiom:fixed;top:0
<!-- drop down menu here-->
</div>
The above would fix the menu at the top of the screen and in compliant browsers it will stay put at the top of the browser while the rest of the page scrolls under it. Unfortunately, there is no way to duplicate this fixed position effect in IE6.