Submenu Visible in IE7
I am unable to view submenus in IE7, Firefox or Netscape. I
used the Spry Nemu Bar Horizontal and Vertical templates provided
with Dreamweaver 8. Does anyone have the necessary code for this?
www.co.pierce.wi.us
I was sent the proper code from Adobe Support.
@charset "UTF-8";
/* SpryMenuBarVertical.css - Revision: Spry Preview Release
1.4 */
/* 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
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 8em;
/* 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
margin: 0;
padding: 0;
list-style-type: none;
font-size: small;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
/* 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
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 8.2em;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation
MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 8.2em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 1px solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-color: #CCCCFF;
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.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #FFFFCC;
color: #FF0000;
/* 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: #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.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical iframe
position: absolute;
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.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
Similar Messages
-
Renegade Spry submenu & sub-submenu tabs in IE7
In IE7, submenu tabs for a Spry horizontal menu open at the
top of the page, not adjacent to the menu tabs. Sub-submenu tabs
open at the far right, out of the visible page. No problems in
Firefox
Site is
http://www.broadwaterllc.com/Pages/about.html
Relevant code (admittedly sloppy, but this is my first
attempt) is:
<div align="center" class="style3 style6 style7">
<div align="right"><a href="#"
class="MenuBarItemSubmenu">Transactions</a>
<ul>
<li><a href="recenttransactions.html">Recent
Transactions</a></li>
<li><a href="Transactions.html">All
Transactions</a></li>
<li><a href="#"
class="MenuBarItemSubmenu">Transactions by Segment</a>
<ul>
<li><a href="newspapers.html">Newspaper
Publishing</a></li>
<li><a href="books.html">Book
Publishing</a></li>
<li><a href="eduprof.html">Educational &
Professional</a></li>
<li><a href="B2B_BIS.html">Business Media
& Information</a></li>
<li><a href="Digital.html">Digital
Media</a></li>
<li><a href="Misc.html">Other
Transactions</a></li>
</ul>
</li>
</ul>
</div>
</div>
</li>
<li>
Thanks in advanceThe best thing to do is to start a new page. Add a menu bar
to it. Set it up the way you need it. Then make a copy of the DW
generated CSS. Then open the non copy virsion. Inside you will see
a lot of comments that tell you what each is doing. It will also
point out the IE bug fixes. P.S. some are in the html code as well.
Work with this copy until you have it looking the way you want it
in the web browsers. Then copy and past it over your live copy on
the server. Use the back up if you make a change you do not like
and can not remember how to fix. Remember to do one or two changes
at a time. Then test. -
Hi everyone,
I am having a problem with Dreamweaver CS3 where the spry
horizontal menu's submenus shift over to the right and level with
the bar rather than dropping down as a submenu should. This only
happens in IE7 however, not in Firefox or any other browser I have
tried. The website is
http://www.daytonlifepurpose.org/homePage.html
I tried the spry 1.5 js file "fix" but had no luck. Any help
at all would be greatly appreciated! Thanks!Hi everyone,
I am having a problem with Dreamweaver CS3 where the spry
horizontal menu's submenus shift over to the right and level with
the bar rather than dropping down as a submenu should. This only
happens in IE7 however, not in Firefox or any other browser I have
tried. The website is
http://www.daytonlifepurpose.org/homePage.html
I tried the spry 1.5 js file "fix" but had no luck. Any help
at all would be greatly appreciated! Thanks! -
Spry menuBarvertical submenu jumbs in IE7
Hi,
I've made a vertical menu which doesn't work well.
I know I'm doing something wrong, but what?
The site is: http://www.styling4home.com/styling4home.html
The 4th menu button has two submenu's which jumb.
I've tried to change the position, but this didn't help.
Who can/will help me?
Thanks a lot for your reply!
Regards.
CarlaHi, Carla,
Here is what I did to make your vertical menus behave (I will show you only the rules I changed from your stylesheet):
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 1em;
position: relative;
text-align: left;
cursor: pointer;
width: 14em;
/* z-index: 100; You don't need this.
/* 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) */ Because you are dropping the submenus below the main menu items instead of having them fly out to the right, we'll put the top and left positioning in this rule, which will apply to all submenus
ul.MenuBarVertical ul
/* margin-top: -10%;*/ Delete this and add
margin-top: 2.5em; this, to replace a measure you added below (top: 2.5em;).
margin-right: 0;
margin-bottom: 0;
/* margin-left: 95%;*/ Delete this and add
margin-left: 4em; this, to replace a measure you added below (left: -12em;) adjust as needed...
padding: 0;
list-style-type: none;
font-size: 0.9em;
position: absolute;
z-index: 1020;
cursor: default;
width: 12em;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
/* left: -12em;*/ Style this on previous rule; it will also apply to this selector.
left: 0; Restore this original specification.
/* z-index: 200; You don't need this.
line-height: 10px; or this...if you want to adjust submenu line-height, put it in the rule for ul.MenuBarVertical ul li a
top: 2.5em; This is also styled above (margin-top: 2.5em;)
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-color: #422C2B;
color: #FFF;
text-decoration: none;
padding-top: 0.5em;
padding-right: 0.75em;
padding-bottom: 0.5em;
padding-left: 0.75em;
/* visibility: visible; You don't need these
z-index: auto;
Best,
Beth -
Button not visible in IE7 until clicked
Perhaps not entirely ADF-related, but we have a login page in our ADF/WebCenter 11g PS5 application.
In IE7, the submit button is not shown upon rendering the page, but suddenly appears when the form is submitted when pressing enter. Anyone seen this behaviour before?It might very well be the same issue as described here:
http://www.kalzumeus.com/2009/10/23/the-ie-css-bug-which-cost-me-a-months-salary/
if I check the source of the page in IE the button is there - I just don't see it. It might be somewhere off the grid.
Anyone experienced this with ADF? -
Spry Vert Menu - Submenu position in IE
Hi - I've waited for a week for an answer from the Spry
Framework discussion forum and no answer, so hope to get one here.
I've searched through numerous posts, but none of the solutions
seemed to work.
The problem: Spry vertical menu, when a secondary page is
loaded with the submenu visible, the sub moves to the top of the
div. It won't stay aligned with it's parent menu item. I tried
updating to Spry 1.6 and had more problems so backed up to 1.4.
Works fine in FF, Safari.
Sample Link: <
http://www.vwc.com/ATC138_test/industry-construction.html>
Thanks for any help.Any help out there?
-
I inherited a web site that was developed in Dreamweaver. I am new to DW and am using Dreamweaver 3. The client (against my advice) wanted to place a navigation bar that was on the top to the bottom of the page. I have successfully moved it there for the page in question (he only wants this to happen on one page), but I've lost the submenu that exists on one of the buttons. I can see this drop-down (now a "drop up" because of the placement of the navigations bar) in the development environment, but it won't show up in the browser. If I make the submenu visible, it will show up in the browser and work as expected, but won't - of course - hide.
Any suggestions? I'm running out of hair to pull out.
Thanks!Here you go:
http://www.thevalleyacademicmentors.com/about_us.html
Thank you. -
Submenu disappears after click in Firefox only
I have created a horizontal spry menu which is working fine, but in Firefox the submenu disappears after clicking a submenu item - you then have to roll over the parent menu item to make the submenu visible again. In Safari the submenu remains visible even after clicking an item. I would prefer the menu to behave as it does in Safari. A link to the site is www.jakeharris.ca if anyone can help - look at it in Safari and Firefox to see the differences (not sure how it is in IE!)
Many thanks,
HillaryThat is how the submenu is programmed to work...to hide when you get to the page you call.
Although my Safari did not work the way yours did (I am on XP), I think what you are actually asking about is what I would call "local page indicators." That is, a kind of 'sign' that you are on a specific page.
In your case, for each page, you would show an "open" menu with the appropriate menu list item highlighted with your normal hover color.
There may be a way in the javascript to allow the submenu on a page to be always "on" or open, but I don't know much about javascript, so I can't help with that.
If you have not used a Template to build the pages, it is even easier than fiddling with the javascript, if a tiny bit timeconsuming.
Locally-significant styling is pretty straightforward, in theory.
On each page, replace the class on the top menu item (on the main bar) for that page (right now it will say something like <li><a class="MenuBarItemSubmenu" href="#">Item 1</a> with a new class (you might call it "localpage") so you can make descendant selectors that apply to showing the submenu. Then write styles that cancel the 'hide' technique...get rid of the left: -1000em; for instance. I haven't gone through and worked this through, but it should work. Let me know if you need code; I need to go to breakfast right now, though!
Then make another class to style the individual items for their pages, for instance .local that can be grouped with the hover styles that change the item color when you hover over them:
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible, .local
background-color: #33C;
color: #FFF;
On each page, add this class to the menu item that pertains to that page:
<a href="#" class="local">Chasing Wild Horses</a>
on the "Chasing Wild Horses" page, for instance.
This is a pretty subtle and elegant solution to what most people use <h1> heads for. Keep in mind, though, that if you want SEO to understand your page, without a hierarchical text indicator, it might be too subtle, as h1, h2, etc. heads help to indicate levels of importance of content for search engines and screen readers.
But it will look great, nonetheless.
Beth -
Spry menu doesn't appear in Yahoo! browser
I built a spry menu into my website in dreamweaver. I then
used the 'Check Page' function, and have checked it myself within
Safari and Internet Explorer and the page seems to work fine. I
have since found out though, that when accessing the website
through BT's Yahoo! browser the menu doesn't show, meaning that
visitors to my website only see the homepage. Does anybody know how
I can rectify this problem, since this browser is not listed within
the 'Check Page' function.
If you wish to see the menu, the website is
www.christopher-perkins.com
The menu should appear down the left hand side.
Thanks.open your spry script file and locate this line:
this.createIframeLayer(menu);
Place 2 slashes in from to comment it out, like this:
//this.createIframeLayer(menu);
Then go here and deploy the wmode parameter for your flash
movie:
http://www.projectseven.com/support/answers.asp?id=127
Al Sparber - PVII
http://www.projectseven.com
Fully Automated Menu Systems | Galleries | Widgets
http://www.projectseven.com/go/Elevators
"maylandmac" <[email protected]> wrote in
message
news:fvvm5k$jj$[email protected]..
> The page in question is at
http://www.mayland.edu/test/index.html
>
> I am at my wits end at solving a submenu drop-down
problem in IE7. I used
> the
> Horizontal Spry menu creation in Dreamweaver CS3,
placing it in a <div>
> and
> using that to fill the bar out across the page's design
and center it in
> the
> window. I have modified the background colors and font
sizes. The page
> looks
> fine in Firefox and Safari, but when the submenu appears
in IE7, menu
> items
> appear inline horizontally with each other instead of
vertically one under
> another. I'm sure there is a setting in the CSS that I
have either messed
> up or
> haven't set properly to make the menu appear properly,
but I can't find
> the
> problem. Could someone take a look and give ma an idea
of what I could do
> to
> make this work?
> -
Hello,
I am using the SPRY tabbed panels on our site as a horizontal
nav bar. The tab is the top-level meu; the tab content is a list of
links, forming a submenu visible when the tab is active.
Initially "out of the box", worked great, except some people
did not like to click to see the submenu (tab content). So I edited
the code to display the tab content onmouseover. Much better,
except now, as some people move from the tab to the submenu, the
mouse goes over another tab...so the submenu changes.
Can't please all the people all the time...but I wanted to
experiment with a delay (using settimeout?) so that the mouse need
to remain on a tab for maybe .5S before the focus changes.
Unfortunately this has proven beyond my limited Java skills. Any
suggestions?Tried that - the problem is the horizontal menu bar still
drops submenu items down in a vertical list, obscuring anything
below. I could not find a nice way of displaying the submenu
horizontally - across the page, therefore obscuring nothing -
without resorting to tabbed panels. -
Help Needed - Home Page lost on upload
OK - it should be CSS but bear with me.
I've just uploaded a revised home page and the only thing showing is the background, which is an image. The source code shows that something is there but hasn't come through. I've tried looking for the problem but no luck.
http://www.ingrid-grayling.com/index.htm
Many thanks for any advice.
PaulI saw the page ok in FFox, but in IE7, only a background.
Found your problem though: On this page (haven't checked any others) : http://www.ingrid-grayling.com/index.htm
The syntax for the closing of the styles in the head of the document is incorrect - you are missing the -->
Should be:
-->
</style>
Fixing that, brings up the page in IE7 for me.
If you look at this page, which is visible in IE7, the syntax is correct:
http://www.ingrid-grayling.com/Dog_Training_in_Cumbria.htm
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap -
Ok, heres the thing...
I've got an Adobe Captivate file which is pulling through an SWF which I have created. I am not sure exactly how the CP file is importing this SWF but it is.
I'd like to ensure that this SWF is on the uppermost layer when the file is published as at the moment it is placed further down the order - which leaves it obscured by other elements on screen.
Is there any AS3 code like onEnterFrame or something like that in AS3 which would lift it to the highest depth?
Any help would be greatly appreciated.
MikeYour input, as always kglad, is a godsend!
I ended up using the code below to ensure the correct depth - most of the funky stuff is because of Captivate.
var myRoot:MovieClip = MovieClip(root);
var cpmov:MovieClip = MovieClip(myRoot.parent.root);
cpmov.addChild(this.parent);
openMenu.buttonMode = true;
openMenu.addEventListener(MouseEvent.CLICK, openSubMenu);
function openSubMenu(event:MouseEvent):void {
this.subMenu.visible = true;
subMenu.visible = false;
stop(); -
Accordian Visible all the time in IE7
Here is my site
http://www.electricgraffitti.com/ClientSites/tcexec/tcexecservices.php
The panel works fine in FF, Safari, and Opera. But in IE7 all
of the content is visible and overlapping. the widget still
operates, but the content is a big jumbled mess.
Any help?
ThanksHi EG - I just checked it in my copy of IE7 and it appears to
function well - did you fix something?
Cheers
JB -
Menu bar widget submenu placement bug in IE7
I am tring to set up my first horizontal menu bar widget.
Looks great in FF, but the submenu is placed over the main
menu and off to the side in IE7.
Could any one help?
Example is located here:
http://dco4.com/spry_test/
Submenu is under "consumables" button.Possibly a padding or margins error.. having a similar issue
myself only it lines up properly in IE and not in Firefox!
Sorry.. -
Spry horizontal menu: submenu background problem in IE7
Hello,
I am using the Spry horizontal menu in this website: http://www.isis-papyrus.com
It works perfectly on all current version browsers, but in IE7 the white submenu background only shows behind the actual text for each link and not to the border of the submenu box.
I modified the css to allow for dynamic sizing for each submenu (see below).
Any suggestions would be greatly appreciated.
Best, Oliver
@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: 10px;
cursor: default;
width: auto;
font-family: Verdana, Geneva, sans-serif;
font-weight: 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: auto;
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: auto;
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: 100%;
clear:left;
float: none;
background-color: transparent;
color: #fff;
white-space: nowrap;
/* 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: 100%;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #339999;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #fff;
padding: 0.4em 0.8em;
color: #339999;
text-decoration: none;
white-space: nowrap;
/* 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: #fff;
color: #339999;
/* 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: #339999;
color: #fff;
/* 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;Thank you so much for your quick answer Beth!
You solved half my problem!
I added the bg-color to the li and ul styles of the submenus (css below) and now the white background shows correctly in IE7.
The only thing I still would like to resolve: The hover style for the menu items (inverse bg and text colors) only works for the actual text of the link and not for the entire width of the submenu box.
Any suggestions?
Thank you again.
Best, Oliver
@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: 10px;
cursor: default;
width: auto;
font-family: Verdana, Geneva, sans-serif;
font-weight: 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: auto;
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: auto;
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: 100%;
clear:left;
float: none;
background-color: #fff;
color: #fff;
white-space: nowrap;
/* 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: 100%;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #339999;
background-color: #FFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #fff;
padding: 0.4em 0.8em;
color: #339999;
text-decoration: none;
white-space: nowrap;
/* 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: #fff;
color: #339999;
/* 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: #339999;
color: #fff;
/* 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;
Maybe you are looking for
-
Flat file mapping problem.
Hi, I've just created a file mapping, and i'm trying to split a flat file field into 3 subfields for a xml record, but i have the following message: Before the process run, i've tested the message mapping and the interface mapping, and the log result
-
Multiple Formats in one source file...
I'm trying to load data from flat files that have multiple record formats within the same file. Does anyone have experience with this scenario?
-
Hyper-V can't create a network switch in Windows 8 enterprise evaluation
Hello I have a problem with creating a new virtual network switch in windows 8. it's the error: [Window Title] Virtual Switch Manager for HYPER-VISOR [Main Instruction] Error applying Virtual Switch Properties changes [Content] Failed while creating
-
Hi I want to have the "Edit in place" functionality in an ALV. Do you have an URL or example of how to do this? Thanx in advance
-
ABAP Proxy implementation in R/3.
Hi, I will develop an interface R/3 - XI using ABAP Proxy. XI should trigger the execution of a process in R / 3. This process can take much, so I am concerned about time-out parameters. 1. It is possible to run in background mode a ABAP proxy and as