Copy link to clipboard
Copied

The submenus become visible on a:hover, but are now stacking horizontally, instead of vertically, only in IE (I've checked 7 & 8).
Firefox 3.6.10 renders the submenus on top of each other.

The images below the menus are .SWF's.
OS is Windows XP.
Spry is from CS3:
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
Does this look familiar to anyone?
Copy link to clipboard
Copied
More Information: I had commented out the width from the section below, thinking it might have caused the problem,
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
/* width: 8.2em; */
position: absolute;
left: -1000em;
}
and removed the comments and now see
again, these images are a swf file.
Message was edited by: karenmc205 - the site is greathomesnwofboston.com/vmptesting
Message was edited by: karenmc205 Found answers in another post: Horizontal submenus going horizontal, not vertical. Problem was with changing width of the ul.MenuBarHorizontal ul and ul.MenuBarHorizontal ul li. If anyone has similar problem, also found link to http://dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one.
Find more inspiration, events, and resources on the new Adobe Community
Explore Now