Submenus do not appear
Here is the code for my spry vertical menu where the submenus do not show up, either in the browser or in DW. The menu item is TRAINING, with submenus Training Course Schedule, Course Drawings and Testimonials. Also, do I have to put a link in the top menu item when I have submenus? Or just links in the submenus? Thanks for your help. ~Patti
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>
<body>
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="#index.html" title="DM Consulting home page">HOME</a> </li>
<li><a href="#outline.html" title="See the outline of our Training Course" class="MenuBarItemSubmenu">TRAINING</a>
<ul>
<li><a href="#train_sched.html" title="Locations & dates of our Training Courses">TRAINING COURSE SCHEDULE</a></li>
<li><a href="#drawings.html" title="Dry dock course drawings">COURSE DRAWINGS</a></li>
<li><a href="#testimonials.html" title="Read what our clients have to say">TESTIMONIALS</a></li>
</ul>
</li>
<li><a href="#conference.html" title="Dry Dock Conference information">CONFERENCE</a> </li>
<li><a href="#software.html" title="Shop our software">DOCKMASTER SOFTWARE</a></li>
<li><a href="#consulting.html" title="Dry Dock Consulitng">CONSULTING</a></li>
<li><a href="#clients.html" title="List of current and past clients">CLIENTS</a></li>
<li><a href="#about.html" title="Learn about our company">ABOUT</a></li>
<li><a href="#contact.html" title="Contact us">CONTACT US</a></li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
Here is the code for my spry vertical menu where the submenus do not show up, either in the browser or in DW. The menu item is TRAINING, with submenus Training Course Schedule, Course Drawings and Testimonials.
There is nothing wrong with the markup that you have show, tests in all browsers have shown the submenus. The tests were performed using the original Spry JS and CSS files and conducted in IE7/8, FF and Chrome
Also, do I have to put a link in the top menu item when I have submenus? Or just links in the submenus?
Just links in the submenus.
Similar Messages
-
Vertical & Horizontal Submenus Do Not Appear in IE 7
Both the vertical and horizontal submenus of my Spry menu bars do not appear on hover, although other parent menu items (without submenus) do highlight on hover. The menus work fine in Safari and Firefox. I appreciate any assistance anyone can provide.
I have tried all the various solutions from help sites to no avail. I have also updated my Spry assets in Dreamweaver CS4 and used the recommended IE browser hacks. After many iterations, I got both main/parent menus to appear in the correct positions in IE 7, but the submenus will not drop right or down.
Attached is the link to my homepage:
http://www.leadermarkproperties.com/homepage.html
Following is the SpryMenuBarVertical.css (followed by the source code for the homepage):
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
font-size: 100%;
width: 140px;
left: 0px;
top: 110px;
position: absolute;
list-style-type: none;
margin: 0px;
padding: 0px;
z-index: 1000;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
font-size: 100%;
list-style-type: none;
position: relative;
margin: 0px;
padding: 0px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
list-style-type: none;
font-size: 100%;
cursor: default;
left: -980px;
position: absolute;
top: 0px;
z-index: 1020;
margin-left: 100%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 140px;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
cursor: pointer;
background-color: #6B629B;
color: #ECE6E0;
text-decoration: none;
font-family: Arial;
font-size: 8pt;
text-align: center;
font-weight: normal;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ECE6E0;
vertical-align: middle;
height: 30px;
display: block;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #33C;
color: #ECE6E0;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
background-color: #33C;
color: #ECE6E0;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
background-color: #6B629B;
background-position: 100% 100%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
background-color: #6B629B;
background-position: 100% 100%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
background-color: #6B629B;
color: #ECE6E0;
display: block;
f/loat: left;
font-family: Arial;
font-size: 8pt;
Following is the source code for the homepage):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Leadermark Home Page</title>
<style type="text/css">
<!--
#logo {
position:absolute;
width:140px;
height:60px;
z-index:1;
left: 0px;
top: 0px;
visibility: visible;
.quotes {
color: #ECE6E0;
width: 280px;
font-family: "Trebuchet MS Italic";
font-size: 9pt;
z-index: 2000;
text-align: center;
height: auto;
#services {
position:absolute;
left:140px;
top:0px;
width:560px;
height:60px;
z-index:1;
visibility: visible;
text-align: center;
#quotesbox {
position:absolute;
left:700px;
top:0px;
width:280px;
height:60px;
z-index:500;
background-color: #6B629B;
#infobar {
position:absolute;
left:0px;
top:100px;
width:140px;
height:540px;
z-index:10;
#body {
position:absolute;
left:140px;
top:100px;
width:840px;
height:540px;
z-index:-1;
visibility: visible;
body {
text-align: center;
background-color: #8D8A7D;
.boxcontroller {
background-color: #BEBDAD;
.menubarbackground {
background-color: #7D7469;
.logoboxcontroller {
background-color: #1E1D64;
.inforbarboxcontroller {
background-color: #6B629B;
.menutextfont {
font-family: Calibri;
font-size: 9pt;
#logoboxholder {
position:absolute;
left:0px;
top:0px;
width:140px;
height:40px;
z-index:10;
background-image: url(LMP%20Logo.png);
background-position: center center;
background-repeat: no-repeat;
#LMPname {
font-family: Constantia;
font-size: 12px;
color: #ECE6E0;
z-index: 100;
position: absolute;
top: 45px;
text-align: center;
height: 15px;
width: 140px;
left: 0px;
font-style: normal;
font-variant: small-caps;
#ServicesHeaderText {
font-family: Constantia;
font-size: 9pt;
color: #203168;
padding: 0px;
position: absolute;
width: 560px;
top: 10px;
visibility: visible;
left: 140px;
font-variant: small-caps;
z-index: 10000;
#servicesvisionmantra {
position:absolute;
left:140px;
width:560px;
height:20px;
z-index:11;
visibility: visible;
font-family: Constantia;
font-size: 10pt;
font-style: normal;
color: #7D7469;
top: 40px;
font-variant: small-caps;
letter-spacing: 0.2em;
#leadermarkbrochure {
position:absolute;
left:4px;
top:555px;
width:128px;
z-index:101;
font-size: 9px;
font-family: Constantia;
color: #FFF;
visibility: visible;
background-color: #6B629B;
height: 14px;
border: 2px ridge #ECE6E0;
vertical-align: middle;
padding-top: 4px;
font-variant: small-caps;
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
@import url("SpryAssets/SpryMenuBarVertical.css");
-->
</style>
<style type="text/css">
<!--
#apDiv6 {
position:absolute;
left:744px;
top:24px;
width:240px;
height:64px;
z-index:106;
#master {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
left: 0px;
top: 0px;
width: 980px;
#quote_wrap {
width: 280px;
font-family: "Trebuchet MS Italic";
font-size: 9pt;
color: #ECE6E0;
z-index: 10000;
#apDiv1 {
position:absolute;
left:205px;
top:485px;
width:128px;
height:80px;
z-index:10;
background-image: url(fcpsite128x80.jpg);
background-repeat: no-repeat;
#apDiv2 {
position:absolute;
left:205px;
top:245px;
width:128px;
height:80px;
z-index:11;
background-image: url(groupsunset128x80.jpg);
background-repeat: no-repeat;
#apDiv5 {
position:absolute;
left:205px;
top:365px;
width:128px;
height:80px;
z-index:12;
background-image: url(qdec128x80.jpg);
background-repeat: no-repeat;
#apDiv7 {
position:absolute;
left:398px;
top:245px;
width:128px;
height:80px;
z-index:13;
background-image: url(ppcaerial128x80.jpg);
background-repeat: no-repeat;
#apDiv8 {
position:absolute;
left:398px;
top:365px;
width:128px;
height:80px;
z-index:14;
background-image: url(sbp128x80.jpg);
background-repeat: no-repeat;
#apDiv9 {
position:absolute;
left:398px;
top:485px;
width:128px;
height:80px;
z-index:15;
background-image: url(egsfarmfc128x80.jpg);
background-repeat: no-repeat;
#apDiv10 {
position:absolute;
left:591px;
top:245px;
width:128px;
height:80px;
z-index:16;
background-image: url(ORGMEETINGSHAKE128x80.jpg);
background-repeat: no-repeat;
#apDiv11 {
position:absolute;
left:591px;
top:365px;
width:128px;
height:80px;
z-index:17;
background-image: url(LP128x80.jpg);
background-repeat: no-repeat;
#apDiv12 {
position:absolute;
left:591px;
top:485px;
width:128px;
height:80px;
z-index:18;
background-image: url(flakeplan128x80.jpg);
background-repeat: no-repeat;
#apDiv13 {
position:absolute;
left:784px;
top:245px;
width:128px;
height:80px;
z-index:19;
background-image: url(menatdrwg128x80.jpg);
background-repeat: no-repeat;
#apDiv14 {
position:absolute;
left:784px;
top:485px;
width:128px;
height:80px;
z-index:20;
background-image: url(pwcplancolor128x80.jpg);
background-repeat: no-repeat;
#apDiv15 {
position:absolute;
left:784px;
top:365px;
width:128px;
height:80px;
z-index:21;
background-image: url(egs128x80.jpg);
background-repeat: no-repeat;
#apDiv16 {
position:absolute;
left:205px;
top:565px;
width:128px;
height:24px;
z-index:1;
padding-top: 5px;
#apDiv18 {
position:absolute;
left:398px;
top:565px;
width:128px;
height:24px;
z-index:1;
padding-top: 5px;
text-decoration: none;
#apDiv19 {
position:absolute;
left:591px;
top:565px;
width:128px;
height:24px;
z-index:2;
padding-top: 5px;
#apDiv20 {
position:absolute;
left:784px;
top:563px;
width:128px;
height:24px;
z-index:3;
padding-top: 5px;
.homepageboxlabel {
font-family: Calibri;
font-size: 9pt;
color: #203168;
padding-top: 5px;
z-index: 1000;
font-weight: bold;
letter-spacing: .1em;
#apDiv21 {
position:absolute;
left:205px;
top:445px;
width:128px;
height:24px;
z-index:1;
#apDiv22 {
position:absolute;
left:398px;
top:445px;
width:128px;
height:24px;
z-index:2;
#apDiv23 {
position:absolute;
left:591px;
top:445px;
width:128px;
height:24px;
z-index:3;
#apDiv24 {
position:absolute;
left:784px;
top:325px;
width:128px;
height:24px;
z-index:4;
#apDiv25 {
position:absolute;
left:205px;
top:325px;
width:128px;
height:24px;
z-index:5;
#apDiv26 {
position:absolute;
left:398px;
top:325px;
width:128px;
height:24px;
z-index:6;
#apDiv27 {
position:absolute;
left:591px;
top:325px;
width:128px;
height:24px;
z-index:7;
#apDiv28 {
position:absolute;
left:784px;
top:445px;
width:128px;
height:24px;
z-index:8;
#apDiv29 {
position:absolute;
left:155px;
top:110px;
width:810px;
height:125px;
z-index:1;
text-align: left;
letter-spacing: 0.1em;
color: #203168;
#apDiv30 { position:absolute;
left:704px;
top:9px;
width:272px;
height:50px;
z-index:1000;
font-family: "Trebuchet MS";
font-size: 9pt;
font-style: italic;
color: #ECE6E0;
text-align: center;
#apDivheader {
position:absolute;
left:705px;
top:8px;
width:272px;
height:50px;
z-index:1000;
font-family: "Trebuchet MS";
font-size: 8pt;
font-style: italic;
color: #ECE6E0;
text-align: center;
#apDivnavfooter {
position:absolute;
left:142px;
top:615px;
width:836px;
height:20px;
z-index:1101;
font-family: "Trebuchet MS";
color: #203168;
font-size: 10px;
#apDivcopyright {
position:absolute;
left:0px;
top:607px;
width:140px;
height:30px;
z-index:10000;
font-family: "Trebuchet MS";
font-size: 9px;
color: #FFF;
text-align: center;
a:link {
color: #203168;
text-decoration: none;
a:visited {
text-decoration: none;
a:hover {
text-decoration: underline;
color: #FF0D28;
a:active {
text-decoration: none;
a {
font-family: "Trebuchet MS";
color: #203168;
.downloadbutton {
font-family: "Trajan Pro";
font-size: 10px;
font-weight: bold;
color: #F00;
border: 2px ridge #203168;
background-color: #B3B1BE;
height: 20px;
width: 80px;
left: 54px;
#apDivdownload {
position:absolute;
left:28px;
top:583px;
width:80px;
height:20px;
z-index: 100;
text-align: center;
vertical-align: middle;
-->
</style>
</head>
<body>
<div id="master">
<div id="apDivdownload">
<form><input type="button" value="Download" class="downloadbutton" onClick="window.location.href='leadermarkbrochure.pdf'"></form></div>
<div id="apDivcopyright"> © 2011 All rights reserved<br />
Leadermark Properties, LLC</div>
<div id="apDivnavfooter"><a href="sitemap.html">Site Map</a> | <a href="whyleadermark.html">Leadermark Commitment</a> | <a href="homepage.html">About Leadermark</a> | <a href="devinvexpertise.html">Development & Investment</a> | <a href="serviceslandingpage.html">Advisory & Consulting Services</a> | <a href="brokeragexpertise.html">Brokerage</a> | <a href="loginform.html">Clients & Investors</a> | <a href="feedback_form.html">Contact</a> </div>
<div id="apDivheader">About Leadermark:<br />Diverse Skills, Experience & Perspective of<br />Real Estate Investment, Development & Brokerage</div>
<div id="apDiv1"></div>
<div id="apDiv2"></div>
<div id="apDiv5"></div>
<div id="apDiv7"></div>
<div id="apDiv8"></div>
<div id="apDiv9"></div>
<div id="apDiv10"></div>
<div id="apDiv11"></div>
<div id="apDiv12"></div>
<div id="apDiv13"></div>
<div id="apDiv14"></div>
<div id="apDiv15"></div>
<div class="homepageboxlabel" id="apDiv16">Land Development</div>
<div class="homepageboxlabel" id="apDiv18">Build-To-Suit</div>
<div class="homepageboxlabel" id="apDiv19">Master-Planned Communities</div>
<div class="homepageboxlabel" id="apDiv20">Mixed-Use</div>
<div class="homepageboxlabel" id="apDiv21">Office</div>
<div class="homepageboxlabel" id="apDiv22">Industrial</div>
<div class="homepageboxlabel" id="apDiv23">Residential & Homebuilding</div>
<div class="homepageboxlabel" id="apDiv24">Construction & Engineering</div>
<div class="homepageboxlabel" id="apDiv25">Development Management</div>
<div class="homepageboxlabel" id="apDiv26">Investment & Asset Management</div>
<div class="homepageboxlabel" id="apDiv27">Brokerage</div>
<div class="homepageboxlabel" id="apDiv28">Retail</div>
<div class="homepageboxlabel" id="apDiv29">Leadermark Properties is a diversified real estate development, investment, brokerage, and services firm, providing its clients and investors the benefit of broad perspective and extensive experience in the creation of real estate value. Leadermark’s paradigm<br />for success is disciplined leadership with focus on the countless details of value generation.</p><p>Optimal value in the development, investment, and brokerage processes can only be achieved by those with diverse experience, perspective, and leadership skills supporting persistent and effective attention to the people, processes, and factors that can erode value. Our expertise spans the full spectrum of the real estate field: development, investment, construction, asset management, and brokerage; and our experience encompasses all types of property: office, industrial, retail, residential, and land development.</p>
</div>
<div id="servicesvisionmantra">V i s i o n • P e r s p e c t i v e • L e a d e r s h i p</div>
<div id="leadermarkbrochure">LEADERMARK BROCHURE</div>
<ul id="MenuBar5" class="MenuBarVertical">
<li class="MenuBarVertical"><a href="#" class="MenuBarItemSubmenu">Vision, Perspective, Leadership</a>
<ul>
<li><a href="theparadigm.html">The Paradigm of Real Estate Development & Investment</a></li>
<li><a href="thevision.html">The Vision</a></li>
<li><a href="therisks.html">The Risks</a></li>
<li><a href="themythofthedeal.html">The Myth of "The Deal"</a></li>
<li><a href="thechallenge.html">The Challenge</a></li>
<li><a href="whowilllead.html">Who WIll Lead?</a></li>
<li><a href="lmwilllead.html">Leadermark Will Lead</a></li>
<li><a href="onleadership.html">On Business Leadership</a></li>
</ul>
</li>
<li><a href="whyleadermark.html">Why Leadermark?</a></li>
<li><a href="lmwillplan.html">Leadermark Will Plan</a> </li>
<li><a href="lmwillmanage.html">Leadermark Will Manage</a> </li>
<li><a href="lmwillcommunicate.html">Leadermark Will Communicate</a></li>
<li class="MenuBarVertical"><a href="devinvexpertise.html" class="MenuBarItemSubmenu">Diverse Development & Investment Expertise</a>
<ul>
<li><a href="devinvexpertise.html">Overview</a></li>
<li><a href="officeexpertise.html">Office</a></li>
<li><a href="industrialexpertise.html">Industrial</a></li>
<li><a href="retailexpertise.html">Retail</a></li>
<li><a href="landdevelopmentexpertise.html">Land Development</a></li>
<li><a href="residentialexpertise.html">Residential</a></li>
<li><a href="lbeexpertise.html">Location-Based Entertainment</a></li>
</ul>
</li>
<li class="MenuBarVertical"><a href="diverseskills.html">Diverse Development & Investment Skills</a> </li>
<li class="MenuBarVertical"><a href="diversetechlexpertise.html" class="MenuBarItemSubmenu">Diverse Technical, Planning & Construction Expertise</a>
<ul>
<li><a href="diversetechlexpertise.html">Overview</a></li>
<li><a href="planningexpertisetable.html">Planning & Design Management</a></li>
<li><a href="aeexpertisetable.html">Architectural Engineering</a></li>
<li><a href="constructionexpertisetable.html">Construction</a></li>
<li><a href="structuralexpertisetable.html">Structural Engineering</a></li>
</ul>
</li>
<li><a href="news1.html">Leadermark News</a></li>
<li><a href="casestudies1.html">Case Studies</a></li>
<li><a href="currentopportunities1.html">Current Opportunities</a></li>
<li><a href="currentproperties1.html">Current Properties</a></li>
<li><a href="currentprojects1.html">Current Projects</a></li>
</ul>
<div id="#servicesheader"></div>
<div class="logoboxcontroller" id="logo"></div>
<div id="LMPname">Leadermark Properties</div>
<div class="logoboxcontroller" id="logo"></div>
<div class="boxcontroller" id="services"></div>
<div id="ServicesHeaderText">Real Estate Development & Investment • Consulting & Advisory Services • Brokerage</div>
<div class="inforbarboxcontroller" id="infobar"></div>
<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li class="MenuBarHorizontal" name="aboutleadermark">
<div align="center"><a class="MenuBarItemSubmenu" href="#">The Leadermark Commitment</a>
<ul>
<li>
<div align="center"><a href="theparadigm.html">Vision & Perspective</a></div>
</li>
<li>
<div align="center"><a href="whyleadermark.html">Expertise</a></div>
</li>
<li>
<div align="center"><a href="background.html">Leadership</a></div>
</li>
</ul>
</div>
</li>
<li class="MenuBarHorizontal">
<div align="center"><a href="homepage.html">About Leadermark</a></div>
</li>
<li class="menutextfont">
<div align="center"><a class="MenuBarItemSubmenu" href="devinvexpertise.html">Development & Investment </a>
<ul>
<li>
<div align="center"><a href="devinvexpertise.html">Expertise</a></div>
</li>
<li>
<div align="center"><a href="serviceslandingpage.html">Services</a></div>
</li>
<li>
<div align="center"><a href="currentprojects1.html">Current Projects</a></div>
</li>
<li>
<div align="center"><a href="currentopportunities1.html">Current Opportunities</a></div>
</li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="serviceslandingpage.html">Advisory & Consulting Services</a></div>
</li>
<li>
<div align="center"><a href="brokeragexpertise.html" class="MenuBarItemSubmenu">Brokerage</a>
<ul>
<li class="MenuBarHorizontal">
<div align="center"><a href="brokeragexpertise.html">Expertise</a></div>
</li>
<li>
<div align="center"><a href="acqdisposervices.html">Services</a></div>
</li>
<li>
<div align="center"><a href="currentproperties1.html">Current Properties</a></div>
</li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="loginform.html">Clients & Investors</a></div>
</li>
<li>
<div align="center"><a href="feedback_form.html" class="MenuBarHorizontal">Contact</a></div>
</li>
</ul>
</div>
<div class="boxcontroller" id="body"></div>
<div id="logoboxholder"></div>
<div class="quotes" id="quotesbox"></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//--></script>
</div>
</body>
</html>
Following is the SpryMenuBarHorizontal.css for the homepage:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0px;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 980px;
height: 40px;
top: 60px;
position: absolute;
z-index: 1000;
left: 0px;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 140px;
float: left;
font-family: Arial;
top: 0px;
/* 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: 5000;
cursor: default;
width: 140px;
position: absolute;
left: -1000em;
background-color: #7D7469;
top: 35px;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
position: relative;
left: 0px;
top: 0px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 140px;
font-family: Arial;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0px;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #ECE6E0;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #7D7469;
color: #ECE6E0;
text-decoration: none;
font-family: Arial;
font-size: 9pt;
height: 35px;
padding-top: 0.5em;
padding-right: 0.75em;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #33C;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-color: #7D7469;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-color: #7D7469;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-color: #7D7469;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-color: #7D7469;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
filter:alpha(opacity:0.1);
z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;Gramps:
I am confused. What does your example have to to with Spry menu bar widgets, absolute positioning, and the reason my code will not drop down or right
the submenus in "Internet Exploder" ? Your code suggestions have no apparent relevance to the problem.
After a hundred iterations, I am close with my code above: it works flawlessly in all the other browsers and correctly positions the main menus in IE 7. It's only problem is that submenus do not pop up or down on hover over the main menu item. If I alter the main menu containers to relative position, the code breaks down in all browsers. Relative position seems a meaningless approach to correcting where ul.menubarvertical.ul or ul.menubarhorizontal appear. Javascript moves them into position from off screen on hover, not CSS positioning commands.
The problem seems to be not in CSS, style or absolute positioning - especially since the Spry widgets work fine in every other browser than the almighty IE - rather, it seems like the problem is the lack of compatibility in IE with Javascript, the mysterious engine of Spry assets that few of us seem to understand. We rely on the experts of costly software to guide us through the Javascript gauntlet so we do not have to learn it ourselves. The fact the menu will not load up on hover would seems to be a command incompatibility in Javascript with IE 7 (the submenus are initially off the screen to left), since everything in HTML appears appropriately in absolute position for all browsers. My amateurish guess is that Javascript alone moves the submenu from offscreen to on screen, not CSS style code. Does that seem a reasonable assumption?
Gramps, I appreciate your help, but wonder why the programmers of Spry at Adobe cannot come clean with a solution to a problem they created in a program they charge a considerable sum to license. This is not rocket science - as some of us who have been programming for decades would realize - rather, its voodoo: a silly idiosyncrasy of a low level language that neither Microsoft or Adobe care to address for idiots like me, who bought their software. I have even offered paid, expert web site development consultants to fix the problem, and they don't know their ***** from second base.
Is there no one out there to figure this glitch out in simple terms? This is not the Mission to Mars. Works in several browsers, but not in another: Why? There is a clue out there in the collective brain trust: they are just not sharing it with us mere mortals.
Gramps, thanks again for your help. You are a good person. -
RH9 submenus do not appear; pc "dings" on mouse click
Edition: RH HTML
Version RH9
When I click on a submenu like File>Open or File>Import>HTML, at the moment the dialog box should appear, the cursor momentarily changes to the "spinning circle" (Windows 7) as if a dialog box is going to open, but then nothing happens. The cursor returns to the arrow. When I click anywhere on the screen, the computer beeps as if it's waiting for a interaction with a dialog box -- one that is not visible. RH doesn't seem to be locked up, it just seems like a dialog box has popped off the monitor and I can't get it back.
This even happens on the initial RH screen when I click "Open". I must end the program in Task Manager in order to restart RH. This problem happens with any project, including the samples.
RH was working fine before this happened about a week ago. I was going to import an .html file and it seems like I clicked too fast or somewhere on the edge of the menu hotspot or something -- like I almost clicked in the right place, but didn't. Suddenly, I just got beeps when I clicked.
My troubleshooting attempts:
Resizing the screen, resetting pods, closing pods, tile/cascade windows...
Uninstall/install RH9
Search the forum. Found a simlar topic called "HELP! Preview Topic has stopped working". Printed and tried the steps suggested for making changes in the Registry, but the directory/file structure didn't match mine, so I didn't make any changes.
Please help soon. I'm having to use an auxilliary computer that is much slower.
Thanks in advance,
ShelleyHi there
In RoboHelp 9 you click the Workspace and choose Default. But I'm doubtful that this will actually help things.
The symptom you are describing sounds exactly like a situation where a dialog is appearing, but you are unable to see it for whatever reason. With a second monitor, we usually see folks that were using a second monitor, then disconnected it. The problem is that the dialog is expecting to appear on the second monitor and you cannot see it because it isn't connected.
You might try downloading a copy of MurGeeMon and see if you can use that to manipulate the windows.
Click here to visit the MurGeeMon site
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7, 8 or 9 within the day!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks -
Spry Horizontal Menu Submenus Won't Appear - Help
OK, I have a Spry Horizontal Menu Bar done through DW CS5. The root menu items work just fine. And the arrow graphics indicating there are submenus are shown, however when you hover over the main menu item the submenus do not appear in browser preview. The spry menu bar is located in the header div above a main content div and a sidebar div (two column layout). Interestingly enough if I drop a new menu bar in the main content div with sample submenus it works fine, so the css file must be ok because they both read off the same css file.
My only assumption is there is something in the header code which conflicts with the submenus and is not allowing the submenus to appear. Unfortunately I can't post it only in a test location as I am reworking an existing website and when I post the new css file it will obviously change the existing website.
But here is some of the relevant code. First the HTML for the section in question.
I very much appeciate any advice.
Home
Biography
Blog
Riding
Resources
Provincial
Municipal
Federal
Education
Community
International
Liberal Party
Media
News Releases
Newsletters
Columns
Photo Gallery
Multimedia
RSS Feeds
Contact
Now the CSS for the menu bar:
@charset "UTF-8"; /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************/ /* The outermost container of the Menu Bar, an auto width box with no margin or padding */ ul.MenuBarHorizontal { margin: auto; padding: 0; list-style-type: none; font-family: "Times New Roman", Times, serif; font-size: medium; font-weight: bold; cursor: default; width: auto; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive { z-index: 1000; } /* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: center; cursor: pointer; width: 108px; float: left; } /* 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 0 0 50%; padding: 0; list-style-type: none; font-size: 80%; z-index: 1020; cursor: default; width: 108px; float: none; position: absolute; left: -1000em; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li { width: 108px; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; z-index:1030; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: none; top: 0; z-index:1040; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul { border: 1px solid #CCC; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: #000; padding: 5px 5px; color: #FEFEFE; text-decoration: none; } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background-color: #323232; color: #FEFEFE; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color: #323232; color: #FEFEFE; } /******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenu { background-image: url(SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-image: url(SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { background-image: url(SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image: url(SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } /******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; filter:alpha(opacity:0.1); } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection { ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; background: #FFF; } }
And lastly the Css code for the whole thing...
@charset "utf-8"; body { font-family: Verdana, Geneva, sans-serif; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ } .twoColFixLtHdr #container { width: 760px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ margin: 0 auto auto auto; /* the auto margins (in conjunction with a width) center the page */ border: 2px solid #000; text-align: left; /* this overrides the text-align: center on the body element. */ } .twoColFixLtHdr #header { padding: 0; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ border: 0px solid #000; } .twoColFixLtHdr #header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ } .twoColFixLtHdr #sidebar1 { float: left; /* since this element is floated, a width must be given */ width: 200px; font-size:12px; color:#FEFEFE; background: #000; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #000; border-right-color: #660000; border-bottom-color: #000; border-left-color: #000; padding-top: 1px; padding-right: 0px; padding-bottom: 1px; padding-left: 1px; } .twoColFixLtHdr #mainContent { margin: 0 0 0 204px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */ padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ background:#660000; } .twoColFixLtHdr #videomainContent { margin: 0 0 0 200px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */ background: #323232; padding-left:100px } .twoColFixLtHdr #singleframe { background: #323232; } .twoColFixLtHdr #footer { padding: 0 10px 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */ font-size:12px; color:#FEFEFE; background:#000; border: 1px solid #000; } .twoColFixLtHdr #footer p { margin: 0 0 0 270px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 20px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } br{font-size:10px} a:link {color:#FEFEFE} a:visited {color:#FEFEFE} a:hover {text-decoration:none;} #mainContent a:link {color:#000; text-decoration:none} #mainContent a:visited {color: #000; text-decoration:none} #mainContent a:hover { text-decoration:underline; } #mainContent a:active {color:#000;text-decoration:none} .red{ color:#4C0000;} .w1{font-size:14px; color:#FEFEFE;} .w2{font-size:12px; color:#FEFEFE;} .w3{font-size:large; color:#FEFEFE;} .b1{font-size:14px; color: #000; font-weight:bolder} .sidehline{ float: left; /* since this element is floated, a width must be given */ width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ padding: 0px 0px 0px 0px; } .b{font-size:12px; color:#000000; } .topbtmmargin { margin-top: 20px; margin-bottom: 20px; } .SidebarPadding { padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } .FrontImage { border: 5px ridge #323232; float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 0px; } .FrontImageFltRgt { border: 5px ridge #323232; float: right; margin-left: 10px; margin-bottom: 10px; margin-top: 20px; } .mapRgt { float: right; padding-left: 5px; padding-bottom: 10px; border: none; } .sigRgt { float: right; padding-left: 5px; margin-right: 60px; padding-bottom: 10px; margin-top: 10px; } .textfntrgtcol { padding-left: 200px; font-size:12px; color:#000000; } .textfntlftcol { padding-right: 210px; font-size:12px; color:#000000; } .twoColFixLtHdr #container #mainContent ul li { list-style-type: none; list-style-position: outside; list-style-image: url(images/blackbullet.gif); } .leftpicture { border: 5px ridge #323232; position: absolute; z-index: 20; height: 140px; width: 180px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 210px; left: 150px; top: 326px; } img { border-style: none; } .grooveimg { border: groove; } #apDiv1 { position:absolute; width:200px; height:115px; z-index:1; left: 0px; top: 0px; visibility: visible; } #apDiv2 { position:absolute; width:155px; height:123px; z-index:2; left: 5px; top: 4px; visibility: visible; } #apDiv3 { position:absolute; width:335px; height:122px; z-index:3; left: 173px; top: 3px; visibility: visible; color:#FEFEFE; } #apDiv3 a:link {color:#FEFEFE} #apDiv3 a:visited {color: #FEFEFE} #apDiv3 a:hover {text-decoration:none;} #apDiv3 a:active {color:#FEFEFE} #apDiv4 { position:absolute; width:120px; height:45px; z-index:4; left: 390px; top: 105px; visibility: visible; } #apDiv5 { position:relative; width:200px; height:115px; z-index:5; } .menubarWrapper { background-color: #000; float: left; width: 100%; }Move the constructor for the menu bar up to read as follows
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID3");
//-->
</script>
Gramps -
Horizontal Spry Submenu does not appear correctly in IE
I am building a site in Dreamweaver CS5 and my spry submenus do not appear correctly in IE. I work on a mac, but have been checking my work on a pc. I have tried looking through other posts and have made some corrections (I at least got the submenus to appear vertically instead of laterallly in IE) but still have two problems:
* The submenus are shifted to the right rather than aligning under the menu headings
* One one menu (Attorneys) the submenus appear above, rather than below, the menu heading
Here is the website and I am really hoping someone can help! I've spent several hours trying to figure this out with no luck.
http://webdesign.protas.org/olg/English/olg%20eng.html1. Especially IE takes offence to the DOCTYPE declaration not being on the first line
2. There is no end tag for the HEAD section
3. Your use of the Library Item for the menubar is not correct
Please have a look here http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwebdesign.protas.org%2Folg%2FEngl ish%2Folg%2520eng.html
Gramps -
Spry menu bar does not appear over flash elements in I.E. 8
Hi, My spry menu bar does not appear over any flash elements in I.E. 8. Every other browser it workd fine. Can anyone please help? Thanks
A link to one of the pages is http://www.innervisionfilms.tv/pages/showreel.html
My spry code is
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
font-family: Verdana;
color: #000033;
font-weight: bold;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 130px;
float: left;
/* 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;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 8.2em;
ul.MenuBarHorizontal ul li a
width: 10.2em;
background-color: #4E81B4;
left: auto;
background-image: none;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #EEE;
padding: 0.5em 0.75em;
color: #000033;
text-decoration: none;
font-family: Verdana;
font-size: 11px;
background-image: url(../pagelayout/menubg.jpg);
font-weight: bold;
border: 1px solid #003366;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #003366;
color: #FFFFFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #003366;
color: #FFFFFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(../pagelayout/menubg.jpg);
background-repeat: repeat;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(../homepagelayout/greenbarbg.jpg);
background-position: 95% 50%;
background-repeat: repeat;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;I still can't find a solution. Changing the parameter wmode:transparent works for .swf files but .flv files do not have the option to add this parameter. If you add it in the script manually it doesn't do anything. Any help would be greatly appreciated. I cn't find any solution online.
Thanks,
Adam -
Hi
Maintain Trans option is not appearing in the display
Private Sub AddMenuItems()
Dim oMenus As SAPbouiCOM.Menus
Dim oMenuItem As SAPbouiCOM.MenuItem
oMenus = SBO_Application.Menus
Dim oCreationPackage As SAPbouiCOM.MenuCreationParams
oCreationPackage = SBO_Application.CreateObject(SAPbouiCOM.BoCreatableObjectType.cot_MenuCreationParams)
oMenuItem = SBO_Application.Menus.Item("43520")
Dim sPath As String
sPath = Application.StartupPath
sPath = sPath.Remove(sPath.Length - 3, 3)
oCreationPackage.Type = SAPbouiCOM.BoMenuType.mt_POPUP
oCreationPackage.UniqueID = "MyMenu"
oCreationPackage.String = "Prod Module"
oCreationPackage.Enabled = True
oCreationPackage.Image = sPath & "UI.bmp"
oCreationPackage.Position = 15
oMenus = oMenuItem.SubMenus
Try ' If the menu already exists this code will fail
oMenus.AddEx(oCreationPackage)
oMenuItem = SBO_Application.Menus.Item("MyMenu")
oMenus = oMenuItem.SubMenus
oCreationPackage.Type = SAPbouiCOM.BoMenuType.mt_STRING
oCreationPackage.UniqueID = "MySubMenu"
oCreationPackage.String = "Maintain Master"
oMenus.AddEx(oCreationPackage)
oCreationPackage.UniqueID = "MySubMenu5"
oCreationPackage.String = "Maintain Trans"
oMenus.AddEx(oCreationPackage)
Catch er As Exception
' SBO_Application.MessageBox("Menu Already Exists")
End Try
End SubHi Sonu,
the code looks ok. But since this code needs exception handling I guess you started it once with only "Maintain Master" and second time the newly added "Maintain Trans" submenu could not be added. An exception is thrown before it reaches the code ( because the first submenu already exists ).
If you restart / relogin your SBO client ( and menu is reseted )it will work.
regrads,
Maik -
I have a menu that has a submenu that is created from XML.
Some of those submenu items have submenus, but those items are not
appearing. When I set left=0 in ul.MenuBarVertical ul, the content
of all of the submenus are visible (so it has the data), but all of
the menus are "open" and overlapping as you would expect from
setting left=0.
I'm using FF2 - I'll deal with the IE issues after this one
is resolved.
URL is
http://www.plpimports.com
Thanks in advance for any help!Worked like a charm! Thank you so much!
Just for clarification for anyone that views this topic:
Working Menu code: (my only change from the original was
adding the bolded id="dynamicMenu" in the <ul> tag in the
first part of the spry region)
<ul id="NavMenu" class="MenuBarVertical">
<li><a
href="index.html">Home</a></li>
<li><a
href="company.html">Company</a></li>
<li><a href="franco_giberti.html">Franco
Giberti</a></li>
<li><a class="MenuBarItemSubmenu"
href="products.asp">Products</a>
<!-- begin dynamic menu-->
<ul
id="dynamicMenu" spry:region="productMenuData
productMenuDataItems">
<li spry:repeat="productMenuData"><a
class="MenuBarItemSubmenu" href="{type_url}"
spry:if="{productMenuDataItems::ds_RowCount} !=
0">{type_name}</a> <a href="{type_url}"
spry:if="{productMenuDataItems::ds_RowCount} ==
0">{type_name}</a>
<ul spry:if="{productMenuDataItems::ds_RowCount} !=
0">
<li spry:repeat="productMenuDataItems"><a
href="{productMenuDataItems::item_url}">{productMenuDataItems::item_name}</a></li>
</ul>
</li>
</ul>
<!-- end dynamic menu -->
</li>
<li><a href="contact.html">Contact
Us</a></li>
</ul>
The additional change was where the menu observer was
defined, which is the exact code that Cristian posted:
Spry.Data.Region.addObserver("dynamicMenu",{onPostUpdate:function(){var
MenuBar = new Spry.Widget.MenuBar("NavMenu",
{imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});}}); -
Chapters do not appear on menu
I'm using version 8.0.4. The chapters will not appear when I drag the movie to the menu screen (nowhere near the drop zone). I've tried a lot of variations with the chapter markers (which I add within iMovie). As a last resort I cut them down to 12 from my original 16 because someone said iMovie9 would only do 12 chapter markers (although Beverly said she put 78 in her movie). That didn't work either. All the markers are numbered and I always put them in the scene breaks between clips, not over the clip. There are no markers at the beginning or over any transitions and the movie is under an hour (3.2gigs). After publishing to the Media Browser I open iDVD/Create new project and drag the movie icon onto the 5.0 theme (Safari) menu screen and it only creates one menu button. No chapters. Everything else works fine. Have added clips to the drop zone, music under the menu, it looks great...except there are no chapters! When I drag the movie icon onto the menu screen there is a little red "1" as well as the green "+" sign. I've read that if there is an empty box at the top left of the sub-menu screen that the chapter won't appear but I can't delete that box. Also, under Preferences/Movies, the "Create chapter submenus" is checked. Don't know what else to do.
That was NOT a silly question. That is exactly, precisely, unequivocally what I did. I was adding comment markers instead of chapter markers. I moved my cursor over both of the marker icons in iMovie and by golly the one I was using was the comment marker and right next to it was the chapter marker. Before your post I didn't know the one next to the comment marker served a purpose - I thought it was must a little arrow pointing to the adjacent screen. EUREKA! I still haven't published yet but I'm sure when I do the chapter markers will be there this time. Another question. I first published to iDVD but the file in the Documents folder was almost three times the size of the one I published to the Media Browser. For a one hour video the iDVD file was over 10 gigs whereas the Media Browser one was only 3.2 gigs. What's the difference? Is it the encoding? I will now return to iMovie to publish and let you know the results.
-
I have been trying to set up Sharing between two computers on my network. I did this once and it worked. However, when I try to set this up now the Sharing feature does not appear on the left side of the iTunes window (on either computer). There is no explanation as to why not. Is this a configuration problem, a network problem or what? Can it be fixed? I have tried turning sharing off and back on on both computers but to no avail. What am I missing? Thanks for any help you can provide.
Hey innerev2003,
Thanks for the question, and welcome to Apple Support Communities.
If, while searching through your past purchases, items are unavailable to download and show a "Purchased" button, they are still on your computer. It may be best to search your iTunes library by clicking Music, then use the search bar at the top right.
If you are completely sure the items are no longer in your library, try signing out of the iTunes Store, and then back in.
iTunes 11 for Windows: Manage your iTunes Store account
http://support.apple.com/kb/PH12507
Thanks,
Matt M. -
Hi all, I upgraded my MBP to Lion , but on the screen where i need to type my password, click on my photo and it does not appear the place for me to type my password and it stay stuck there. Can anyone solve this problem for me?
Reboot the machine holding Command and r keys down, you'll boot into Lion Recovery Partition
In there will be Disk Utility, use that to select your Lion OS X Partition and Repair Permissions.
After that is done reboot the machine and see if you can log in.
If not repeat the above steps to get into Lion Recovery, get online and reinstall Lion again, it will overwrite the installed version and hopefully after that it wil work.
Reboot and try again.
If not follow my steps to create a Snow Leopard Data Recovery drive, then option boot from it and grab a copy of your files off the machine.
Then reinstall all your programs onto the external drive like setting up a new machine, then use Disk Utility to erase the entire internal boot drive (select the drive media on the far left, not the partiton slightly indented) format Option: GUID , 1 partition OS X Extended and then use Carbon Copy Cloner to clone the external to the newly formatted internal drive. Once that is finished reboot and disconnect the external drive.
Once you go that, boot into Snow Leopard and update to 10.6.8, use the AppStore and option click on Purchases and download Lion again and install.
Lots of work, but there is no Lion disks.
https://discussions.apple.com/message/16276201#16276201 -
External Hard Drive does not appear in finder
We purchased a 1 TB G Drive Q from the Apple Store. It is connected to my wife's iMac running the most current update of Leopard by 800 firewire and appears on her desktop and works flawlessly with time machine. I am connected to the same drive intermittently with my MacBookPro also running the most current update of Leopard. i connect with 400 firewire. Initially the drive would not appear in the finder. for the initial backup, i turned the hard drive off and on and then it would appear and i did the backup but now when i connect to the 400 firewire port, it still doesn't appear in the finder. i would much prefer not to need to turn my back up drive off and on each time i want to use time machine. i should also mention that when i connect any of my garmin training devices or my power meter by USB it is recognized very quickly as a device in finder. any ideas? i understand this may be one of the problems fixed with SnowLeopard. thanks.
I am not sure what you are attempting to do. I assume that you are not trying to connect two computers to the same external drive at the same time. That will definitely be problematic. In order to effectively use Time Machine with two Macs, you should partition the drive into two partitions. Also make sure that the drive is using a GUID partition scheme.
bd -
BPM Application Link does not appear in BPM Workspace (11.1.1.7)
I spent huge amount of time to reveal why does that happens.
All that follows further is valid for BPM Suite 11.1.1.7.
The scenario.
You developed a simple BPM process with Initiator pattern (maybe by following the "Quote Request" tutorial).
But the application link did not appear in BPM Workspace.
Here i'm skipping any kind of mistakes as "oh, incorrect swimlane", "oh, i did not include the user to the app role" and so on.
At first, you should know about the "feature" - You have to attach task form to the Initiator Human Task to see the App Link.
The simplest way to do that is to AutoGenerate task form (and deploy it, of course).
Else the Appication Link will not appear.
One exception to this rule - If your Task HAS NO PAYLOAD (no parameters) the Task Form is not required (to appearing of the Application Link).
The second find is a bug (is think so).
If you edited the Role that Attached to the swimlane of Initiator Task, you will not see the Application Link.
If you look to organization.xml you will see something like this:
<ns1:applicationRole id="StartTask.InitRole" isProcessRole="true">
<ns5:name>StartTask.InitRole1</ns5:name>
<ns1:processRole id="InitRole" name="InitRole1"/>
</ns1:applicationRole>
The Application Link will appear ONLY IF THE "applicationRole id", "applicationRole name" and "processRole id" have the same value.
When you edit name of the application role in Organization Editor you change "applicationRole name" and "processRole name" values.
After that "applicationRole id" != "applicationRole name" and the Link does not appear.
How to fix?
Just edit organization.xml (with external editor) - change the "applicationRole name" to the value of "applicationRole id".
That allows to have value of "processRole name" something like "The Initiator Role" - that value appears in the BPMN diagram of process.
Also you can edit organization.xml with Organization Editor and set the Name to the value of "applicationRole id".
In that case the associated swimlane will have the same name as the "applicationRole id".
Hope this helps somebody
OlegFlash Player is a browser add-on, not an executable program.
If you need to open a local SWF file you will need the standalone player (Projector) from http://www.adobe.com/support/flashplayer/downloads.html
Note that the download is the player, not an installer, so you will need to make the file association manually. -
Tab Strips are not appearing correctly
Hi all,
We are using SAP Portal 7.3 and we are using Custom theme. The tabstrips are not appearing properly (half broken).
I have tried changing the properties "Background color of selected tab" , "Background color of non-selected tab" and others in theme editor but this is not solving my issue.
Any help would be highly appreciated.
Thanks
HarshmeetHey,
Thanks for the reply. PFA the screen shot
This is how it is appearing, somewhat broken and some space below the tabs.
Thanks
Harshmeet -
File Place does not appear on my menu. Neither does Tools Photoshop Image processor.
In Bridge File>Place is grayed out on my menu. Tools>Photoshop>Image processor does not appear at all. I have reset the preferences numerous times and am good to go until I shut down my computer. When I reboot they are gone again. I have a Mac with OS 10.10.2 (Yosemite) and CC.
Mardi Carter wrote:
I shut down using "Shut Down" under the Apple menu.....always…
Well, that's fine for the OS, but sometimes not so great for Photoshop. Try QUITTING Photoshop from the Photoshop menu, or by Command Q, before you get anywhere near your Apple menu .
Gene gave you sound advice, but don't forget to run Repair Permissions with Apple's Disk Utility before and after any installation, upgrade or update of the OS or any application.
You'd think that shouldn't be necessary, but it is indeed vital, indispensable routine maintenance.
Forget about "it had never happened before", Yosemite is a work in progress. Apple never gets a major OS X release right until about the dot four or five release, so Yosemite has a way to go before it's at 10.10.4 or 10.10.5. That has proven to be the nature of the beast.
Maybe you are looking for
-
How can I keep the file/ album names when copying music from the Finder to iTunes?
Hi, Is there a possibility to keep the file names one uses in the Finder when adding music to iTunes? [e.g. that a Beethoven symphony still ends up under 'Beethoven/ symphony No./' and not under the name of the orchestra/ dirigent] Thanks in advance
-
DR4-A won't read DVD-R, +R, -RW, +RW
The drive only reads original DVDs, it burns just fine i used nero 6.3.0.2 to burn a DVD and it just worked fine the disc reads on other devices please help. my system it's 1.2 GHz duron Gigabyte 7DXE 256 DDR Ram 80 GB HD Toshiba SD1202 DVD ROM also
-
Can InDesign Account for a Thick Signature?
I'm scoping out InDesign and wanted to know if there's a way for it to account for thick signatures? I'm basically planning to make a small book of about 20 pages folded in half. If I print it out, due to the thick fold, the content of the pages shif
-
Hi All, I have image in KM folder. I want to display it in JSP as a html image. I am able to access the image using below code. <% try { IUser sapUser = componentRequest.getUser(); com.sapportals.portal.security.usermanagement.IUser ep5User
-
Search for photo fails if photo is in a stack!
Has anyone else found that with LR5.6, when you search for a photo, the search will fail if that photo is buried in a stack? I have only been searching by keyword, so I don't know how LR reacts to a search by exposure data or similar. Anyone know if