Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

SpryMenubarHorizontal, a:hover submenus not rendering right in IE

Guest
Sep 20, 2010 Sep 20, 2010

Spry-Submenu-IE.jpg

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.

Spry-Submenu-FF.jpg

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?

TOPICS
Server side applications
407
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Sep 20, 2010 Sep 20, 2010
LATEST

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 seeSpry-Submenu-IE2.jpgagain, 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines