PSE 7 - Organiser menu bar collapsed
I would really appreciate some advice to recover the menu bar in the Organiser window (version 7). It seems to have collapsed itself into a couple of hard to see chevrons >> where the menu bar used to be.
When you click on the chevrons you get the usual menus in a drop down box. I have no idea how the menu bar ended up in this configuration but I would prefer it back in the normal way with the variousmenu options in a line along the bar. I've tried looking in help files and all the usual configuration places but I can't find anything to change this.
Many thanks. That has fixed it. I would never have thought that that particular
preferences option would have had that effect.
Robert
Similar Messages
-
PSE 8 Organizer Menu Bar minimzed
Hello,
since update PSE6 to PSE8 the menu bar of Organizer looks minimized. I didn't found any option to change this behavior. Also new installation did not changed this issue.
Thank you!
Best regards
RalphHello Barbara,
thank you. I changed the resolution and it works. Thank you for your support!
Best regards!
Ralph -
PSE 7 Menu bar in Organizer will not display properly
I''m going through an instructional video on PSE 7. The video shows the menu bar in the organizer just to the right of the little house. My Organizer shows two > symbols in the middle of the area, with a drop down list of menu items. I'm not sure what's going on, but it seems that the menu bar might be locked or something like that. I have searched help for "menu bar" but found nothing on how to get the bar back. Can someone point me in the right direction to get the menu bar back?
As an asside............. Is there no help in the program itself? When I press F1 or click on help in the menu, I get directed to the Adobe web site. Does this mean that if you're not connected to the internet (using a laptop without wifi access etc) that you have no access to help files?
Thanks for your assistance.Thanks very much for your quick answer. I decided to just use the system font. If issues appear during editing, at least I'll know how to turn it off. I didn't want to lower the dpi. I had it set higher for a reason............ poor eyesight...
I've bookmarked that faq site. It looks like there's a lot of good information there.
Thanks again. -
When I open a page in Dreamweaver CS5.5, the menu bar code appears like this
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>
and further down this
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
and the menu bar then won't collapse.
Initially, I deleted the the ../ in front of the SpryAssets, and the problem was solved, but this no longer works.
I would love to know why this is happening - the menu bar works on the website, just as soon as I copy them to my computer and open them in DW, I have this problem
As a result, I can't edit/update any pages as the menu bar stops working.
Windows 7 64 bit, Dreamweaver 5.5
Many thanks
Dcheekbones1 wrote:
It appears that I have to do this for every page, but that's not a problem as long as it works...
Be careful. If the orginal pages had the ../ infront of them when you took over the site then this means the pages were stored in a sub-folder of the site. If youre moving those pages to a different location within your site folder then make sure that the other links on your page work too because storing them in a different location within the site folder will break the links.
If you do move pages within your site folder do it through the site files panel then Dreamweaver will ask if you want to update the links if you move the pages to another place in the site folder. -
Pse elements 7 missing standard menu bar
I am using pse elements 7. I have reloaded the program onto a new harddrive and my old one crashed. The pse 7 loads onto the new hardrive but the standard menu bar ( the tool bar at the top of the screen) does show up. The one with file, edit, find, etc on it. Can anyone help?
Thanks Robert
No response needed. After some reseach I solved the problem. vista - start menu - control panel - personalization - adjust font size (dpi) (set this the 96)And if you want to continue running at a screen DPI larger than 96 (so you can read your other applications), see this FAQ:
http://www.johnrellis.com/psedbtool/photoshopelements-6-7-faq.htm#The_Organizers_Menu_Bar_ doesnt_show -
I can't see the menu bar in PSE 9 Organizer. Where File Edit View Window Help should be
I can't see the menu bar in PSE 9 Organizer. Where File Edit View Window Help should be
Check your Windows Display Preferences, and make sure you're using the default, 100%, smaller screen fonts.
Ken -
Just switched to Windows 8.1. PSE 8 was totally incompatible despite the Adobe website says it is compatible. So I downloaded a free trial of PSE 12 to test compatiblily. Seems to be OK, but the menu bar, tool bar, etc are extremely small font and icons. Can this be adjusted to a larger format>
Thanks for the suggestion. It slows down the twirling crop cursor, but not ieen Expert mode. And there is still a lot of trouble in Quick. It now takes me three or four times as long to work on a picture than it did a month ago. But at least I can make some progress.
Candace Clark -
Looking for a way to hide/collapse the display of menu bar items
I've searched the web but I cannot find any utilities that would allow me to hide the items on my menu bar, which is getting a bit cluttered. Particularly when some programs are running, if those programs have a certain number of drop down menus, the menus on the right hand side overlay some of the left side menu bar icons. It would be nice to be able to collapse & un-collapse the menu bar icons when desired.
Not really a problem on my PowerMac which has a 23" display, but moreso on my 15" MBP.As an aside; if you need to keep several apps fairly close to hand without cluttering the menu bar or dock, create a folder within your Applications folder, and place aliases of the apps in there, then drag the folder to the dock below the divider (next to the trash). Right click on the folder in the dock to get a pop-up list to choose from. I use the same idea for frequently used files and games too (seperate folders)
-
PSE 9 - Organizer: Problem with Menu Bar
PSE 9 Organizer: How can I freeze in a expanded mode the Menu Bar at top of Organizer workspace ?
Many thanks for the reference. In fact, it brings
a practical and useful solution to that problem.
Regards,
Jean Desjardins
Laval (Qc) -
In organizer PSE8 the menu bar is only available by clicking on a small icon (file, edit,etc) the menu in a box. How do I get this menu to be visible when openning Organizer?
Hi,
For a speedy response, please repost your question at http://forums.adobe.com/community/photoshop_elements
Thanks,
Shikha -
Help! I don't have a menu bar. I just installed this on my new computer. Had it on my old one and never had this problem. Is there anything I can do?
ThanksAssuming that you're running Win7, ensure that your Display is set to 100%:
Ken -
I have recently upgraded from 8 to 10.
I have imported a set of photos from an SD card. They all appear in the organiser. I select one of the photos and go into the editor. After editting I save the photo and quit the editor.
The photo shown when I return to the organiser is the first one that I imported from the SD card and not the one I have just editted.
This is not a problem unless I have imported a lot of photos. I have to scroll tghrough all the pictures to get back to the one I have just editted.
In PSE 8 the photo shown when I reverted to the organiser was the one I had just editted.
Is there a setting I need to change ?
PeterClick on the menu bar Edit à Preferences à Saving Files
Then adjust your settings if necessary. On first save you can choose to automatically overwrite the open file.
If you are saving an edit to a version set you may need to expand the thumbnail view to see the most recently edited copy.
-
Spry menu bar driving me crazy!
hello,
i decided to use some expandable horizontal menus on my site.
everything worked great on my index page. then i copied the codes to my other pages and that is where it went wrong.
my menu bar i not collapsing on the hover action (maybe it is but i cant see it!)
it is so stupid.
here is my html:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Welcome to MilitaryScaleModelling!</title>
<link href="css/main.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="banner"><img src="images/banner.png" width="896" height="90" alt="Banner"></div>
<div id="navigation">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="home.htm"><strong>home</strong></a></li>
<li><a href="aboutMe.htm"><strong>about me</strong></a></li>
<li><a href="myModelsHOME.htm" class="MenuBarItemSubmenu"><strong>my models</strong></a>
<ul>
<li><a href="myModelsVehicles.htm"><strong>vehicles</strong></a></li>
<li><a href="myModelsAircraft.htm"><strong>aircraft</strong></a></li>
<li><a href="#"><strong>other</strong></a></li>
</ul>
</li>
<li><a href="#"><strong>on the bench</strong></a></li>
<li><a href="#"><strong>tips & tricks</strong></a></li>
<li><a href="#"><strong>contact</strong></a></li>
</ul>
</div>
<div id="main">
<div id="homeTekst">
<h3>Welkom op mijn website! (UNDER CONSTRUCTION)</h3>
<p> </p>
<p>Ik heb deze site opgezet om mijn projecten en kennis te delen. Ik zal mijn website dan ook steeds verder uitbreidden met <br>
how-to's en overige informatie over modelbouw.</p>
<p>heb je tips of suggesties, of zie je iets dat niet klopt? <br>
Laat het mij dan weten via de contact pagina.</p>
<p>veel plezier!</p>
</div>
<div id="imgHomeSmall">
<p><img src="images/Thumbnails gallery/Vehicles/M1025 Humvee Arnament Carrier.JPG" alt="ThumbnailM1025humvee" width="160" height="90" class="leftImg"><img src="images/Thumbnails gallery/Vehicles/Merkava Mk. IV.JPG" alt="ThumbnailMerkavaMk.IV" width="160" height="90" class="leftImg"></p>
</div>
<div id="imgHome">
<p><img src="images/Thumbnails gallery/Vehicles/USMC LAV-25 Piranha.JPG" alt="ThumbnailLAV-25Piranha" width="160" height="120" class="leftImg"><img src="images/Thumbnails gallery/Vehicles/MAN 7t. milgl 6X6 Truck.JPG" alt="ThumbnailMAN7t.milgl6X6" width="160" height="120" class="leftImg"><img src="images/Thumbnails gallery/Aircraft/Thumbnail AH1T.JPG" alt="ThumbnailF14AH-1TCobra" width="160" height="120"><img src="images/Thumbnails gallery/Vehicles/R.O.K. K1A1 MBT.JPG" alt="ThumbnailR.O.KK1A1MBT" width="160" height="120" class="leftImg"><img src="images/Thumbnails gallery/Aircraft/Thumbnail Blackhawk DAP.JPG" alt="ThumbnailBlackhawkD.A.P." width="160" height="120"><img src="images/Thumbnails gallery/Vehicles/Panzerhaubitze 2000.JPG" alt="ThumbnailPanzerhaubitze2000" width="160" height="120" class="leftImg"><img src="images/Thumbnails gallery/Aircraft/Thumbnail F14.JPG" alt="ThumbnailF14" width="160" height="120" class="leftImg"><img src="images/Thumbnails gallery/Aircraft/Thumbnail F117A.JPG" alt="ThumbnailF117A" width="160" height="120"></p>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-20735735-2";
urchinTracker();
</script>
</body>
</html>
and this is the CSS of the menu bar which i edited a bit but was generally created by dreamweaver:
@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;
text-transform: uppercase;
font-style: normal;
/* 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: 125px;
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;
top: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 125px;
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: 125px;
/* 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: 0;
top: 0;
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: #EEE;
color: #333;
text-decoration: none;
height: 20px;
padding-right: 5px;
padding-left: 5px;
padding-top: 3px;}
/* 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-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;
what is wrong with my code?
another question. how can i add this "extra" code of the menu bar easily to other existing pages? is manual the only way?
thanks!This is the head section of your page
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Welcome to MilitaryScaleModelling!</title>
<link href="css/main.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
</head>
and that should be
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Welcome to MilitaryScaleModelling!</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="css/main.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
</head>
The above will solve your problem.
Then have a look here http://foundationphp.com/tutorials/sprymenu/ssi.php
Gramps -
Spry Menu Bar Widget 2.0 (1.0) -- IE 6 Rendering Snag
Hi:
Once again I need to call on the aid of others with more detailed knowledge of the spry frameworks, particularly the Spry Menu Widget 2.0 (vers. 1.0) developed by Adobe labs.
I have posted the site to http://www.aclco.org/testing/index.html. You will see that it works beautifully, thanks to the help of many contributors, except in IE 6.0, where, when the sub menus become visible and drop down, it causes all page elements (divs) to be pushed down to create the necessary room to accommodate the drop down. The natural overlap of the sub-menu over pre-existing content doesn't seem to overlay properly.
It does this on all pages, and not just those which present flash sideshows. And as I say it is peculiar to IE 6.
I have followed the tutorial provided by David Powers in deploying the widget and have not altered the spry skin css or the basic css. Any changes (affecting padding, etc. and adding of background images where created using the widget browser and supplemented in the css added to the template page. The "add-on" css was then added to the general style sheet governing the whole site layout.
I was wondering if anyone else has experienced this problem, if there are any work arounds or hacks that anyone is aware of, or any other suggestions that might help.
I haven't been able to preview this on a free standing PC using IE6, but was able to reproduce the problem on 2 cross browser testing services employing a "live mode". I renders properly until the sub-menus are called upon to become visible, and then the problem manifests.
Your assistance will be greatly appreciated.
Sincerely,
Steve Webster
Attach.
Please note: Attached are the relevant excerpts from the customized style sheet as amended from the spry widget browser:
/* -- Begins Spry Menu Widget 2.0 (1.0) Horizontal menu bar Custom styles -- */
/* BeginOAWidget_Instance_2141544: #MenuBar */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
These assume the following widget classes for menu layout (set in a preset)
.MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
.MenuBarVertical - vertical main bar; all submenus are pull-right.
You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
They only apply to horizontal menu bars:
MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
and centered in its parent container.
MenuBarFullwidth - Grows to fill its parent container width.
In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar {
background-color:transparent;
font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
MenuItem, and MenuItemLabel
at a given level all use same definition for ems.
Note that this means the size is also inherited to child submenus,
so use caution in using relative sizes other than
100% on submenu fonts. */
font-weight: normal;
font-size: 17px;
font-style: normal;
padding:0;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
display:none;
.MenuBarLeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarRightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarFixedLeft {
float: left;
width: 80em;
.MenuBarFixedCentered {
float: none;
width: 80em;
margin-left:auto;
margin-right:auto;
.MenuBarFixedCentered br {
clear:both;
display:block;
.MenuBarFixedCentered .SubMenu br {
display:none;
.MenuBarFullwidth {
float: left;
width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
padding: 0px 0px 0px 0px;
margin: 0; /* Zero out margin on the item containers. The MenuItem is the active hover area.
For most items, we have to do top or bottom padding or borders only on the MenuItem
or a child so we keep the entire submenu tiled with items.
Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar .MenuItem {
padding: 10px 10px 10px 4px;
background-color:#000088;
background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segme nt-Dark.png);
background-repeat:repeat-x;
#MenuBar .MenuItemFirst {
border-style: none none none none;
#MenuBar .MenuItemLast {
border-style: none none none none;
#MenuBar .MenuItem .MenuItemLabel{
text-align:center;
line-height:1.4em;
color:#ffffff;
background-color:transparent;
padding: 0px 18px 0px 5px;
width: 10em;
width:auto;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
font-style: normal;
background-color:#000088;
padding:0px 2px 0px 0px;
border-width:0px;
border-color: #cccccc #cccccc #cccccc #cccccc;
/* Border styles are overriden by first and last items */
border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst {
border-style: none;
padding: 0px;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
padding-top: 0px;
#MenuBar .SubMenu .MenuItemLast {
border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
padding-bottom: 10px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
text-align:left;
line-height:1em;
background-color:transparent;
color:#ffffff;
padding: 10px 10px 10px 10px;
width: 240px;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
background-color: #2E35A3;
background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segme nt%20Light2.png);
background-repeat:repeat-x;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: transparent; /* consider exposing this prop separately*/
color: #ffffff;
#MenuBar .MenuItemHover .MenuItemLabel{
background-color: transparent;
color: #ffffff;
#MenuBar .SubMenu .MenuItemHover {
background-color:2E35A3;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
background-color: transparent;
color: #ffffff;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
background-color: transparent;
min-width:0%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
top: 100%; /* 100% is at the bottom of parent menuItemContainer */
left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
and your personal taste.
0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
on MenuItemContainer and MenuItem on the parent
menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
the dropdown with the left of the menu item label.*/
z-index:10;
#MenuBar.MenuBarVertical .SubMenuVisible {
top: 0px;
left:100%;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
background-color: transparent;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
vertically 'centered' on its invoking item */
left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: transparent; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: transparent; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
/* Ends Spry Menu Bar Widget 2.0 (1.0) Horizontal Menu Custom styles */I have systematically reviewed the tutorial of David Powers on the Spry Menu bar 2.0, and recreated the process in a methodical process - making one change at a time, and then checking each step on a cross browser testing server, and have found, quite to my amazement that what seems to be causing the problem of the "gap" in IE 6 is by removing the customized styles from the head of the individual pages, and placing them in CSS stylesheet that governs the entire site.
I find this quite inexplicable. When the customized CSS rules governing the menu bar are situated in a separate stylesheet, the page renders well enough for any of the "modern" browsers, but won't render in IE 6. All that I get is a horizontal menu with drop downs, but none of the styling (specifically background colours, background images, etc.) that are called for in the stylesheet and that otherwise appear when rendered by other browsers.
I realize that this sounds strange, but I was wondering if anyone had experienced this phenomenon, or could offer any explanation.
Any suggestions would be greatly appreciated.
Steve Webster -
Spry Menu Bar won't work correctly.
This is an image of what the overall menu bar layout should be like-all of the links and sublinks.
I have a few problems that I am having all relating to the spry menu bar.
I ran my code through w3c validation service but it came up with alot of errors which when corrected didn't make sense or work either.
I made this menu bar in a widget called spry menu bar 2.0. I then edited it to place in the correct names and it doesn't work correctly and the w3c validation code seems to have 43 errors with the spry bar. I am been over it a dozen times and I can't seem to figure it out. Here is the code.
Also, have I made the links correctly?
I would appreciate any help you could offer! thank you
Dreamweaver cs 5.5
<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
#container {
width: 1000px;
#header {
width: 1000px;
</style>
<link href="../Stylesheet_Unicorn_main_layout_template.css" rel="stylesheet" type="text/css" />
<link href="../Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script src="../Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2141544: #MenuBar */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
These assume the following widget classes for menu layout (set in a preset)
.MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
.MenuBarVertical - vertical main bar; all submenus are pull-right.
You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
They only apply to horizontal menu bars:
MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
and centered in its parent container.
MenuBarFullwidth - Grows to fill its parent container width.
In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar {
background-color:#000000;
font-family: "Comic Sans MS", cursive; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
MenuItem, and MenuItemLabel
at a given level all use same definition for ems.
Note that this means the size is also inherited to child submenus,
so use caution in using relative sizes other than
100% on submenu fonts. */
font-weight: normal;
font-size: 18px;
font-style: normal;
padding:0;
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
display:none;
.MenuBarLeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarRightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarFixedLeft {
float: left;
width: 80em;
.MenuBarFixedCentered {
float: none;
width: 80em;
margin-left:auto;
margin-right:auto;
.MenuBarFixedCentered br {
clear:both;
display:block;
.MenuBarFixedCentered .SubMenu br {
display:none;
.MenuBarFullwidth {
float: left;
width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
padding: 0px 0px 0px 0px;
margin: 0; /* Zero out margin on the item containers. The MenuItem is the active hover area.
For most items, we have to do top or bottom padding or borders only on the MenuItem
or a child so we keep the entire submenu tiled with items.
Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar .MenuItem {
padding: 0px 10px 0px 0px;
background-color:#000000;
border-width:1px;
border-color: #cccccc #ffffff #cccccc #ffffff;
border-style: none solid none solid;
#MenuBar .MenuItemFirst {
border-style: none none none none;
#MenuBar .MenuItemLast {
border-style: none solid none none;
#MenuBar .MenuItem .MenuItemLabel{
text-align:left;
line-height:1.4em;
color:#ff00ff;
background-color:#000000;
padding: 3px 3px 3px 3px;
width: 10em;
width:auto;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 16px;
font-style: normal;
background-color:#000000;
padding:0px 2px 0px 0px;
border-width:1px;
border-color: #cccccc #cccccc #cccccc #cccccc;
/* Border styles are overriden by first and last items */
border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst {
border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
padding-top: 6px;
#MenuBar .SubMenu .MenuItemLast {
border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
padding-bottom: 6px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
text-align:left;
line-height:1em;
background-color:#000033;
color:#ff00ff;
padding: 6px 12px 6px 5px;
width: 7em;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
background-color: #999999;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: #999999; /* consider exposing this prop separately*/
color: #ff0000;
#MenuBar .MenuItemHover .MenuItemLabel{
background-color: #999999;
color: #ff0000;
#MenuBar .SubMenu .MenuItemHover {
background-color: #cccccc;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
background-color: #cccccc;
color: #ff0000;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
background-color: #000000;
min-width:0%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
top: 100%; /* 100% is at the bottom of parent menuItemContainer */
left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
and your personal taste.
0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
on MenuItemContainer and MenuItem on the parent
menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
the dropdown with the left of the menu item label.*/
z-index:10;
#MenuBar.MenuBarVertical .SubMenuVisible {
top: 0px;
left:100%;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
background-color: #000000;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
vertically 'centered' on its invoking item */
left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: #999999; /* consider exposing this prop separately*/
color: #ff0000;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: #cccccc; /* consider exposing this prop separately*/
color: #ff0000;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
</style>
<script type="text/xml">
<!--
<oa:widgets>
<oa:widget wid="2141544" binding="#MenuBar" />
</oa:widgets>
-->
</script>
</head>
<body>
<div id="container"><!-- TemplateBeginEditable name="header_editable" -->
<div id="header">Unicorn Writers Conference</div>
<!-- TemplateEndEditable -->
<div id="menubar_left">
<ul id="MenuBar">
<li> <a href= "../Pages/home.html">Home</a></li>
<li> <a href="#">Events</a>
<li> <a href="#">Mission Statement</a>
<li> <a href="#">Resources</a>
<ul>
<li> <a href="#">Advanced networking</a></li>
<li> <a href="#">Query Review</a>
<li> <a href="#">Ms Review Sessions</a>
<li> <a href="#">1-1 Sessions</a>
<li> <a href="#">Workshops</a>
<li> <a href="#">Genre Chart</a>
<li> <a href="#">Writers Links</a>
</ul></li>
<li> <a href="#">Key Presenters</a>
<ul>
<li> <a href="#">Speakers</a>
<ul>
<li> <a href="../Pages/2013_speakers_page.html">Speakers 2013</a></li>
<li> <a href="#">Speakers 2012</a>
</ul>
<li> <a href="#">Editors</a>
<ul>
<li> <a href="#">Editors 2013</a></li>
<li> <a href="../Pages/2012_editors.html">Editors 2012</a>
</ul>
<li> <a href="#">Literary Agents</a>
<ul>
<li> <a href="../Pages/2013_L_agents.html">Literary Agents 2013</a></li>
<li> <a href="../Pages/2012_editors.html">Literary Agents 2012</a>
</ul>
</ul>
<li> <a href="#">Information</a>
<ul>
<li> <a href="#">St. Clements</a></li>
<li> <a href="#">Directions</a></li>
<li> <a href="#">Hotels</a></li>
<li> <a href="#">Menu</a></li>
<li> <a href="#">Unicorn Photo Gallery</a></li>
<li> <a href="#">Day Schedule</a></li>
<li> <a href="#">FAQ</a></li>
<li> <a href="#">Staff</a></li>
<li> <a href="#">Contact</a></li>
</ul>
<li> <a href="#">Registration</a></li>
<li> <a href="#">Acclaim</a>
<ul>
<li> <a href="#">Spotlights</a></li>
<li> <a href="#">Testamonials</a>
<li> <a href="#">Sponsorship</a>
</ul>
<li> <a href="#">Classifieds</a>
<ul>
<li> <a href="#">View</a></li>
<li> <a href="#">Place</a></li>
</ul>
<li> <li> <a href="#">Merchandise</a></li>
</ul>
</li>
</li>
</ul>
</li>
</ul>
<script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
widgetID: "MenuBar",
widgetClass: "MenuBar MenuBarVertical MenuBarMenuBarVerticalLeftShrink",
insertMenuBarBreak: true,
mainMenuShowDelay: 100,
mainMenuHideDelay: 200,
subMenuShowDelay: 200,
subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</script>
</div>
<!-- TemplateBeginEditable name="main_content_editable" -->
<div id="main_content">Content for New Div Tag Goes Here</div>
<!-- TemplateEndEditable --></div>
<div id="footer">Content for id "footer" Goes Here</div>
</body>
</html>These Spry support files are all 404 Not found on server.
<link href="../Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script src="../Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
Nancy O.
Maybe you are looking for
-
Adoro o Firefox e o trabalho desenvolvido por vocês. Gostaria muito de ter esse browser de altíssima qualidade no meu Windows Phone. Parabéns pelo trabalho desenvolvido, e por interagir com os usuários. Estarei sempre colaborando para ajudar a melhor
-
Change column headers dynamically in OBIEE
hey guys. We are working on a BI module for Finance. The data mart captures data for Actuals/Forecasts and Budgets for entire year by months (for example Jan2008 will have Actual/Forecast value and Budget value & similarly for other months of the yea
-
Event ID 13568 With Only One Domain Controller
I had two domain controllers in an SBS 2003 domain. The very first installed domain controller died. So I seized the FSMO roles and eventually removed it from the domain by cleaning up the metadata. I told my bosses that we really needed a new ser
-
Hello Everybody, For the user PIRWBUSER I have password 9 charcters long. Now in RWB when I click on "CONFIGURATION" For user PIRWBUSER when I pass the password it accepts only 8 characters. So it throws an error for Logon credentials. This also th
-
Hello there! I need to implement a solution that will use threads, I write down my problem, to be more precisely on the questions. The scenario: An extrator, reads from a flat file, and insert into a table. Another process runs threads to read this t