Spry Horizontal submenu hidden behind image
This is driving me nuts. I am using Dreamweaver CS4. I have created a horizontal menu bar just above an image. When i hover over the main menu item the submenu is hidden behind the image. I have not been able to figure this one outy. i am very new to CSS and Dreamweaver. This is a template that i want to use across my entire site. You can goto http://www.gray-wolf.net/MainPages.html.
@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: auto;
width: 800px;
font-family: Arial, Helvetica, sans-serif;
background-color: #008080;
height: 40px;
float: left;
top: 100px
/* 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: 8em;
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;
/* 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: 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;
padding: 0.5em 0.75em;
color: #333;
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: #33C;
color: #FFF;
width: auto;
/* 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;
float: left;
background: #FFF;
Your unexpected (and undesired) wolf call on entering that page scared the begesus outta me. Most people don't take kindly to such surprises!
You do realize that the page you linked to is a TEMPLATE page, but it is named with an HTML extension, right? You did that just to show us the template?
Also, it appears that you have built your entire site inside of the Templates folder -
<a href="Templates/pgpage1.htm" title="Page 1 of my Photo Gallery">
That's improper. Nothing should be in the Templates folder other than the template files themselves.
Finally, your use of absolute positioning as a primary page layout method is going to get you into serious trouble. Please read this -
http://apptools.com/examples/pagelayout101.php
Now - here's the problem:
You have applied a style of 'overflow:hidden' to div#nav. Remove that. With that in place, the submenus cannot flow OUT of div#nav.
Similar Messages
-
Spry Horizontal Submenu IE bug
The Spry Horizontal submenu bar does not display correctly in
Internet Explorer. Everything appears to be working correctly in
Firefox.
The Submenu on the navigation bar keep dropping down from the
top of the browser window instead from it's corresponding parent
menu bar.
I've updated my Spry files to the latest versions, from
Adobe's site. Since the submenu works correctly in Firefox, it
makes me think this is a bug correction, not something wrong with
the css.
Do you have any suggestions on how to correct this? I've seen
this question asked alot on other Dreamweaver forums.
Thank you!!!!!!!!***SOLVED***
Hi There,
Cheers for replying. I took a look and the labs one seemed to
work correctly. From here, under the CSS Styles tab I selected the
SpryMenuBarHorizontal.css group and deleted them all. I then
cleaned out my code of the references to the menu and reinsterted
the menu (I had this problem before updating to Version 1.6.1 from
1.4).
From my own error here I would suggest justice49 deletes the
menu completely (backup first) and reinserts his/her menu. from
here, each time a change is made, preview the menu to make sure the
change doesn't break the menu. this worked for me. Also check that
your spry menu is at V1.6.1. There is a forum entry about updating
if necessary:
UPDATING
SPRY
Hope this helps. -
SPRY Horizontal Submenu Appearing in Top Left in IE
Hi -
I've read through almost every post relating to SPRY
Horizontal Submenu issues in IE - and have done a number of things
- including upgrading to 1.6. However - nothing seems to work and
I'm at wits end. Can someone please help? The page to reference is:
www.bswiftdesign.com/millennium/claimants/index.html
The drop down menu is under "Structured Settlements". I
really appreciate anyones help!Hi bswiftdesign,
It looks like you are trying to center menu items in the
menubar and submenus. Have you seen these samples?
http://labs.adobe.com/technologies/spry/samples/menubar/CenteringHorizontalMenuBarSample.h tml
http://labs.adobe.com/technologies/spry/samples/menubar/AutoWidthHorizontalMenuBarSample.h tml
--== Kin ==-- -
Spry Horizontal Submenu behind DIV in IE
Having problems in IE with this
menu
The menu is is an AP div, and the div that is blocking the
submenu is position: relative; The Z-index is set that this
shouldn't happen. Any help from the community would be greatly
appreciated.
Site
Styles
Menu
StylesI'm having a similar issue in IE7 in that my
Spry submenus drop down behind the tabs in
the Spry tabbed panels div I created following my navigation div. Any help out there?
Thanks! -
Spry Horizontal Menu going behind Div in IE
I'm having an issue with spry in dw 3. I've inserted a
horizontal menu with submenus that run vertically, nothing fancy.
In firefox and opera the menus float on top of the div underneath
just fine, however in IE the submenus go behind the div below the
menu. I've updated to 1.6.1 spry and have inserted the fix for IE
to make the submenus view horizontally as opposed to vertical. Your
thoughts are appreciated.I'm having a similar issue in IE7 in that my
Spry submenus drop down behind the tabs in
the Spry tabbed panels div I created following my navigation div. Any help out there?
Thanks! -
Spry horizontal submenu does not hide in IE
My spry horizontal submenus stay displayed in IE. What should
I do.
I am using vista with DW cs3.
JamesWithout seeing what has been changed it is hard to say. One
suggestion I can make without seeing the code is to make sure your
Spry is up-to-date. To find out your current Spry version, look at
the SpryMenuBarHorizontal.css file in the SpryAssets folder. At the
top it will say "SpryMenuBarHorizontal.css - version 0.# - Spry
Pre-Release 1.#.#"
If you are not running version 0.6; Pre-release 1.6.1 then
you are not using the latest version. If this is the case head to
the site below which is the official Spry website. There you will
find a link to the official Spry forums as well as the Spry updater
package. Inside this package is a bunch of samples, demos and an
Extension. Install the extension and then re-start DW. Once
restarted, under the Sites menu you will see a new option to Update
Spry. Click on this and your Spry will be updated to the latest
version.
If you are still having issues after doing this you will need
to post either a link to your page or the code from your page so we
can see what you have modified to the Spry script. -
Spry Horizontal Submenu Positioning
I created a spry horizontal menu. my submenus are positioned
differently depending on if it is viewed in IE or Firefox. is this
normal and is there a fix?
edit: what i wanted was my horizontal menu to stretch accross
my entire page so i changed the default width of the menus from
8.2ems to 12.5ems. that is when the display position went all
screwy on me. the only way to change the position was to edit the
ul.MenuBarHorizontal.ul ul margin values. no matter what i try the
submenus position is different between browsers.Normally the submenus should be positioned the same way in
both IE and Firefox.
I don't think that the solution you tried (extending the
width of the submenus) will do what you want - extending the menu
to the page width.
It is better to take a look first at these
samples
If you still have problems, please provide an URL with a
sample page, what are you exactly trying to do, and on what browser
versions have you tested. -
Spry menu bar hidden behind embedded windows media player in IE but Not Firefox
Hi ppl.. My spry menu bar submenus are hidden below my embedded windows media player when I go over the menu. Is there anything I can do to solve this. This doesn't happen in Firefox.(The submenu appear on top of the embedded player) Pls help.. Thank you!
Here's my spry menu bar css code:
@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;
/* 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: 9em;
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: 9em;
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: 9em;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #CCC;
/* 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
background-color: #333;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
color: #FFF;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding-top: 1.1em;
padding-right: 0.75em;
padding-bottom: 1.1em;
padding-left: 0.75em;
text-align: center;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #000;
background-image: url(../images/navimg2.gif);
/* 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
color: #000;
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(../images/navimg2.gif);
background-repeat: repeat-x;
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;
Here's my embedded windows media player code.
<OBJECT ID="MediaPlayer" WIDTH="425" HEIGHT="344" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">
<PARAM NAME="FileName" VALUE="aqeedah1v7.wmv">
<PARAM name="autostart" VALUE="true">
<PARAM name="ShowControls" VALUE="true">
<param name="ShowStatusBar" value="true">
<PARAM name="ShowDisplay" VALUE="false">
<EMBED TYPE="application/x-mplayer2" SRC="aqeedah1v7.wmv" NAME="MediaPlayer"
WIDTH="425" HEIGHT="344" ShowControls="1" ShowStatusBar="1" ShowDisplay="0" autostart="1"> </EMBED>
</OBJECT>Add
<param name="WindowlessVideo" value="-1"> -
Spry Horizontal menu using rollover images
I see there are a lot of posts about spry menus and problems in IE. I wasnt sure if my problem is the same as the others, so my apologies if it's redundant. I'm working on a site with rollover images in the top menu of a spry menu bar with drop downs that fall below three of the menu items. Everything looks good in Mac/Win Firefox and Mac Safari. In Win IE 8 the menus go horizontally, left to right, instead of falling below the top level item as they should.
The site is here: http://tinyurl.com/y8dxo8m
The Spry CSS is here: http://tinyurl.com/yd8yhem
Should I not be using rollover images with the Spry menu? I've spent quite a bit of time on trying to solve this, including attempting to rebuild the menu from scratch.I Paty, I just inserted the Dreamweaver rollover into the navigation. I'm not sure if that's the best approach to achieve what i wanted out of my design, but it seems to work. I checked it in Adobe's Browserlab and it works across all browsers. I'm looking into purchasing the Project7 product. It's not a lot of money and seems easier to work with for embedded graphics than the spry software. I spent way too much time with the spry trying to get the nav to look like I wanted it to while working in all browsers.
-
Spry Horizontal Submenu Bar Issues in IE6
Hey there,
I've been struggling with this issue for a while now, and I was hoping that I might be able to get a little help from the community to resolve it. I've built a site which looks absolutely fine in all browsers except for Internet Explorer 6. In IE6, the sub menu bars jump around all over the place for no apparent reason, and I can't figure out why... The site in question is www.flexyoffice.co.uk.
Now, in most browsers, the submenu appears above the menu bar. This was my intention. Unfortunately, in IE6, if you hover over a menu item containing a sub menu, the submenu will either appear over the menu item, below the menu item, or next to the menu item. Additionally, once you try to actually hover over the sub menu, the sub menu itself moves, leaving the user to chase the submenu around the page in pursuit... Not ideal...! Looking at the page in IE 6, it almost seems as if the submenu opens up to the right of the menu bar, which results in everything else being thrown out. I could be wrong though.
I'm relatively new to these forums, so if there is any specific information which I can provide which would possibly help to identify the issue, please do let me know. If there are any suggestions out there that are worth giving a go, I would really appreciate any thoughts that you may have.
Thanks very much guys,
ChrisHi Chris,
I tried your page in IE6 and it crashed the browser! To be honest, most people should have upgraded from IE6 ages ago, I was redirected to MS website to upgrade the second time I started the browser.
As I couldn't even get the page to load, I can't suggest what could be wrong.
One thing I did notice wrong that made your menus appear jumpy at first was that you are not preloading the images needed to display the menu bars.
you have the Javascript function in the correct place - function MM_preloadImages() {
But you have not selected to preload any images in the body tag.
Should look something like this -
<body onload="MM_preloadImages('images/buttons/contactOver.gif','images/buttons/aboutOver.gif', 'images/buttons/loginOver.gif','images/buttons/case_studiesOver.gif','images/buttons/newsO ver.gif','images/buttons/fundingOver.gif','images/buttons/eventsOver.gif','images/buttons/ homeOver.gif')">
These are obviously not the images you want to preload (taken from one of my sites), replace the images with the images used in your menu and your menu will operate much smoother as the images will be ready to use.
Hope this helps (a little!)
Chris -
Spry Horizontal Menu Bar background image IE8 not visible.
I have a slight problem with a horizontal menu bar that I have placed on my site and am hoping someone can help me. It views fine in Firefox, however in IE8 the top menu background image is white instead of the image I specified. Firefox image is below.
Below is IE8 image lacking top menu background:
I am a novice and this is driving me nuts. How can something view fine in Firefox and loose the image in IE explorer? I must have a code incorrect, I know it. Any help is greatly appreciated.
Thank you,At the bottom of SpryMenuBarHorizontal.css, you will find
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background-color: #FFF;
Change the background colour to transparent and all is well. -
Spry Horizontal Menu Bar background image
Hello,
I am trying to insert a .gif file into the background of the
spry menu bar items, I believe the default was grey.
I changed it to dark grey and it worked fine but then I
decided it would look better with an image in it.
Therefore I created a .gif image that fit the menu and
inserted it into the css page for the spry menu.
However, this creates the drop down (sub) menus to be
transparent. This does not happen when I change the background back
to just a solid color. Is there a way around this?
The code that I entered was something like this:
.(other style codes)
background-color="#EC0000" url="images/image09" repeat-x;
thanxAt the bottom of SpryMenuBarHorizontal.css, you will find
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background-color: #FFF;
Change the background colour to transparent and all is well. -
Spry Horizontal Submenu Bar Problem in Internet Explorer
I follow all the directions for adding a Horizontal Spry Menu Bar and the submeanu keeps dropping in the upper left
corner of the browser in Internet Explorer. Please help to fix this problem. It looks great in all other browsers, but not
in Internet Explorer.
I have the width for the parent menu and the child menu equal at 132 px.Thanks For Your Reply.
I finally got the spry menu to act right. How, I don't know??? Trail and error. Trail and error. I prefer to know what I am doing. So any help would be appreciated. The menu look good in Mozilla, but ust okay in Internet Explorer. My website is www.theexecutivevip.com and here is the code that now says is causing an "expanding box" problem. I have adjusted the ul, li, etc. and it is still a problem. Help please. Thanks again.
<ul id="MenuBar1" class="MenuBarVertical MenuBarActive">
<li><a href="index.html" class="">Home</a> </li>
<li><a href="aboutus.html" class="">Extend Your Brand</a></li>
<li><a class="MenuBarItemSubmenu MenuBarItemSubmenuHover" href="#">For The VIP</a>
<ul class="MenuBarSubmenuVisible">
<li><a href="wine.hrml" class="">The Wine Connoisseur</a> </li>
<li><a href="confections.html" class="">Gourmet Confections</a></li>
<li><a href="ipad.html">Made For iPad/iPhone</a></li>
<li><a href="laptopacc.html">Laptop Accessories</a></li>
<li><a href="clocks.html">Clocks</a></li>
<li><a href="timepieces.html">Fine Timepieces</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Bags & Luggage</a>
<ul class="">
<li><a href="checkpointbags.html" class="">Checkpoint Laptop Bags</a></li>
<li><a href="luggage.html">Business Luggage</a></li>
<li><a href="ladytraveler.html">The Lady Traveler</a></li>
<li><a href="travelacc.html">Travel Accessories</a></li>
<li><a href="golf.html">The Golf Enthusiast</a></li>
<li><a href="organifitness.html">Organization & Fitness</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Brand Promotion</a>
<ul class="">
<li><a href="promotional.html">Promotional Products</a></li>
<li><a href="writing.html">Writing Instruments</a></li>
<li><a href="drinkware.html">Drinkware</a></li>
</ul>
</li>
<li><a href="purchase.html" class="">How To Purchase</a></li>
<li><a href="contact.html" class="">Contact Us</a></li>
</ul> -
Nav/Menu bar hidden behind images
I placed my nav/menu widget in my master page. I have several layers in each page that I would like to arranged behind the nev/menu bar so I can still utilize it. Muse doesn't seem to let me push the images back behind the nav bar. Currently my photos are covering the nav bar so it can't be utilized. Help! Thank you.
With the release of Muse 4.0 today, Master page elements can now layer in front of content on those pages to which the Master has been applied. To re-order Master page content select elements on the Master page, right-click and select "Move to Master Foreground" or "Move to Master Background" from the popup menu. Alternatively select elements on the Master page, then select Object > Move to Background or Foreground in the Muse application menu. All elements in the Master page set to "Move to Master Foreground" will appear on top of all elements in the Page.
Please refer to Muse release notes for more information on this.
http://helpx.adobe.com/content/help/en/muse/release-note/adobe-muse-re lease-notes.html
Thanks,
Vinayak -
The spry horizontal submenu appear on top of screen in IE
why is it that in IE the spry submenu is opened on the top of the screen and not below the menu and how can this be fixed...i have used dreamweaver CS3 and found this to be a major issue but cannot find an answer to it?
In its original form, that is straight out of the box and
unadulterated, the SpryMenuBar is a very well behaved animal. It is
only when a budding web developer starts to mistreat it, it will rear
its ugly head.
So
the answer to YOUR major issue is kill this version of SpryMenuBar off
and start again with a new version. This time make your changes where
you can can see them and keep track of them, meanwhile testing your
markup in your favourite (IE) browser at each step.
I hope this helps.
Ben
Yes I did... but not without your help! Thank you for looking and your response! I did exactly what you said and then some.
I created a new directory with a test html and a new SpryMenuBar and SpryAssets sub-directory. Then I opened up the original version of the SpryMenuBarHorizontal.css file and began to compare it side by side with my already customized SpryMenuBarHorizontal.css by cascading the two windows vertically within DW-CS3... got that idea here I think too...
This way I could see my mistakes and eventually "fix" what went wrong.
One thing extra I had to do was add a new property ( min-height: 30px; ) to the "... a" rule that accommodated for IE7 and down as well as IE8 "Compatibility View" (which was forcing itself to run when I visited my site ???)... the change I added kept my block display from becoming too low and allowing an unwanted transparency in the list between "Items". That's the best I can describe it... ...here is the example below.ul.MenuBarHorizontal a
display: block;
cursor: default;
background-color: #EEE;
color: #006699;
text-decoration: none;
line-height: 30px;
text-indent: 10px;
font-weight: bold;
min-height: 30px;
I don't know exactly where I went wrong but thanks to Ben's previous reply, I was able to put the puzzle back together again... no sweat !
Thank you Ben, Adobe DW and Spry !!!
Maybe you are looking for
-
No menu bar, Dashboard after 10.4.11 upgrade on G3 iMac
I'm not a Mac expert, so bear with me here. I installed the 10.4.11 upgrade on my wife's iMac DV G3 (i.e. the most important machine in the house). During the installation, I got a popup stating that my startup disk was nearly full and that I should
-
Music folder won't open after using iTunes
Hello all, I hope I put this in the right forum. I'm running iTunes version 6 at the moment. Yesterday I was dragging and dropping music out of an mp3 folder into iTunes, at one point it quit working and now I can't double click on the folder to open
-
Connect two apple devices to one computer, how?
i have an ipod touch connected to my comp. but iwant to connect my daughters ipod nano also, any clues anybody?
-
Xine fullscreen CPU at 100%
Hi, When i watch a movie or myepisodes my xine races my cpu to 100%. I have tried other video drivers in xine but nontheless. Some info you guys might need: - WM: Openbox - Dual Monitor Setup whit following screens: a. Samsung Syncmaster 940nw b.
-
Oracle Audit Vault Server & Agent Installation Error.
Hi, I am new to Audit vault. When I install Audit Vault on Windows 2008 R2 it throws an error after installing 99%. Kindly help me to resolve. OS Version : Windows 2008 R2 Oracle Audit Vault Version: 10.2.3.2 Error: Audit Vault Server: INFO: Configur