Horizontal Menu Bar extends off the screen

I have the horizontal menu bar working great with a standard
CF query results set. however, the problem i am having is that the
right most menu item has two levels of children that expand right
on rollover, but that pushed them off the browser so you can;t
actually see them. is there a way to have them expand to the left
instead?

Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode
Try to disable hardware acceleration.
*Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
If disabling hardware acceleration works then check if there is an update available for your graphics display driver.

Similar Messages

App bar is off the screen

I have a app open on my macBook Pro and the top bar is above the top menu bar and I cannot grab it to drag it down. How can I get to it? It looks like a windows app so it does not have the red, yellow or green buttons.

Thanks, but I am not in full screen mode. It is a windows based app so the normal mac hints don't work. I think I need to get rid of the menu bar at the top of the screen to reach the top of the windows app bar. Here is a screen shot.

I'm on a PC and cannot get the menu bar up (0n the screen)?

I followed the directions (of apple) but still can't get the menu bar up on my PC

roger-59 wrote:
I don't have Creative Cloud on my computer. I received the program from Adobe and it was an upgrade.
This link may be helpful:
http://www.davidmarx.com/how-to-upgrade-to-adobe-photoshop-lightroom-6-for-the-current-lig htroom-user/
During the LR6 Upgrade installation you should have been asked to create an Adobe ID, which is used to activate your LR6 installation. This done via the Internet, but exactly how I can't say. Did you create an Adobe ID? If so try the following:
roger-59 wrote:
I don't know where the SL Cache or SL Store folders are located.
Please look use the instructions for Solution #2, which I've copied below. Makes sure to first close all applications.
Solution 2: Rename SLCache and SLStore folders
Rename the SLCache folder to SLCacheold, present at the following location:
            Windows: C:\Program Files (x86)\Common Files\Adobe
            Mac: System Library/Application Support/Adobe
Rename SLStore folder toSLStoreold, present at following location:
            Windows: C:\ProgramData\Adobe
            Mac: System Library/Application Support/Adobe
Launch Lightroom and sign-in.

Project Seven Horizontal Menu Bar

QUESTION
What must I do to get individual menu items to fill the width
of a document?
BACKGROUND
Recently I switched from a SRPY horizontal menu bar to a
Project Seven horizontal menu bar. After substantial manipulation
of this latter I have achieved all of my goals except for one --
individual menu items that expand to fill the width of the page.
For the moment everything is crowded to the left.
Unfortunately every tweek of which I can think to adjust the
menu bar results in disaster. Perhaps there is a combination of
tweeks that I must apply simultaneously that I simply do not know.
This is a really clean page that has been validated for both
HTML and CSS.
The WEBPAGE
http://homepage.mac.com/moogoonghwa/Imagine_Prototype/Contents/utility/practice.html
Roddy

http://www.maxdesign.com.au
has some nice ones....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Al Sparber - PVII" <[email protected]>
wrote in message
news:[email protected]...
> Hi Roddy,
>
> You'll need to lay out the page a bit differently so
that the menu bar is
> part of the main column. Since you are using Adobe CSS
it is problematic.
> You might want to check a few online CSS positioning
tutorials for some
> better approaches to doing a 2-column flexible layout.
>
> --
> Al Sparber - PVII
>
http://www.projectseven.com
> The Finest Dreamweaver Menus | Galleries | Widgets
>
http://www.projectseven.com/go/pop
> The Ultimate DW Menu System
>
>
>
>
> "kiusau" <[email protected]> wrote in
message
> news:[email protected]...
>>
quote:
Since your layout is flexible rather than fixed-width, the
only way to
>> get
>> those links to stretch so that they
>> fill the available would be to assign a percentage
width to each root
>>
>> element.
>>
>> The following adjustments fail:
>>
>>
CSS CODE
>>
>> #p7menubar li {
>> float: left;
>> width: 17%;
>> }
>> #p7menubar #previous li {
>> float: left;
>> width: 16%;
>> }
>> #p7menubar #next li {
>> float: left;
>> width: 16%;
>> }
>>
>>
HTML CODE
>>
>> <div id="menuwrapper">
>> <ul id="p7menubar">
>>
>> <li id="preview"><a
href="#">Previous</a></li>
>> <li id="view"><a href=""
>>
onclick="openFunctionalityWindow()">Viewing</a></li>
>>
>> <li id="copyright"><a class="trigger"
href="#">Copyright</a>
>>
>>
<a href="#">Author</a></li>
>>
<a href="#"
>>
onclick="openCitationWindow()">Citation</a></li>
>>
<a href="#">Plagiarism</a></li>
>>
<a href="#">Sources</a></li>
>>
>> </li>
>>
>> <li id="print"><a class="trigger"
href="#">Print</a>
>>
>>
<a href="#" onclick="printPage()">This
Page</a></li>
>>
<a href="#">Entire Document</a></li>
>>
>> </li>
>>
>> <li id="contact"><a
href="mailto:[email protected]">Contact</a></li>
>>
>> <li id="next"><a
href="#">Next</a></li>
>>
>>
>> <br class="clearit" />
>> </div>
>>
>>
A POTENTIAL SOURCE OF CONFLICT?
>>
>> Please look at the unadjusted page again and notice
(visually it is
>> impossible) that the <div> tag containing the
menu bar extends across the
>> entire width of the page including that portion
contained by the sidebar.
>> I am
>> guessing that your suggested adjustments might work,
if the menu bar
>> could be
>> made to begin after the sidebar. The current
<div> structure is
>>
>> <div id="sidebar1"></div>
>> <div id="menuwrapper"></div>
>> <div id="maincontent"></div>
>>
>>
WEBPAGE
>>
>>
>>
http://homepage.mac.com/moogoonghwa/Imagine_Prototype/Contents/utility/practice.
>> html
>>
>> Roddy
>>
>

Horizontal menu bar mac to pc

Recently created this page: http://musicnotes.net/MNI/SPRY.html using Dreamweaver CS3 but it does not look the same in all browsers.
It starts out with the table width set for 100% and then hard sets the
column widths to force the complete heading to something like 1600 pixels
wide. The cell widths should be allowed to set themselves.
In IE 6.0, and probably IE 7.0, the mouse over point to change colors is a
narrow strip between the links. Results in white flashes as you move down.
In IE 8.0, which is now similar to FireFox, the mouseover color changes work
okay but the secondary panels overlap the primary column. It's workable but
doesn't look quite right.
Except for being forced super wide and too big, everything seems to work
okay in Firefox.
Does anyone know if these issues are resolved using CS4.

Thanks Gramps, will take a look and get sorted!
Date: Mon, 14 Feb 2011 19:00:03 -0700
From: [email protected]
To: [email protected]
Subject: I am having problems with my spry horizontal menu bar defaulting to the top of page in IE
The structure of your document needs fixing. You will be able to get a lot of information from here http://www.adobe.com/devnet/dreamweaver/css.html
After you have fixed the structure start with a fresh copy of SpryMenuBar. Read this before making any changes http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one
Gramps
>

Horizontal menu bar -- submenu display

Hi, everyone --
This is my first post here, and my first time using spry. I
am trying to set up my horizontal menu bar so that the submenus
open up horizontally -- instead of vertically -- below the parent
menu item. (If the submenu list opens up vertically below the
parent item it takes up too much space.)
Any suggestions?
Thanks so much!
Lisa

Found topic.
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=602&threadid =1381916&highlight_key=y

Menu opens off the screen vertically?

I have a component and a button on top of the component which
opens a Menu. For some reason the flex team coded the menu so it
adjusts itself horizontally so it doesn't go off the screen from
left to right but not vertically from top to bottom. So if you open
a menu at the bottom of the screen the menu and submenu items will
run off the screen. Does anyone have a fix for this screw up? Flash
had a similar problem with their menus but seem to have fixed the
horizontal issue. I've seen several blogs but no solution so if
anyone can help I would appreciate it...

Ok, it could be two other things.
The monitor resolution could have changed. Go to System Preferences > Displays > Display tab > scroll this list of resolutions down and choose the bottom most resolution.
If that doesn't help you could have another monitor attached to extend the desktop. An additional tab (arrangement) will be present in System Preferences > Displays if that's the case.
Physically disconnect anything plugged into the mini displayport. The desktop should reset to one non-extended desktop.
Regards,
Captfred

Spry Menu Bar jumps off screen-right in CS6

Frustrating little glitch I'm experiencing. When in a NON-LIVE mode in CS6, I have a Spry Menu Bar that I've placed, customized and is functioning properly. It is precisely in the right location in BOTH live mode and in a browser preview, however, when I am editing the site the menu bar jumps off screen right to where I have to scroll right to locate it. The only thing that pops it back in to place is by tweaking a setting like "Float" from right to left then back to right. But once I begin to edit the site again it will jump off the screen. This isn't a massive deal since it remains in place in live and preview modes, it's just annoying for layout purposes while I'm editing. It sort of screws up the aesthetic of the layout. Has anyone found the same problem? Below is my layout.css and my Spry Menu css.
@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
img, object, embed, video {
    max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
    Dreamweaver Fluid Grid Properties
    dw-num-cols-mobile:        6;
    dw-num-cols-tablet:        8;
    dw-num-cols-desktop:    12;
    dw-gutter-percentage:    15;
    Inspiration from "Responsive Web Design" by Ethan Marcotte
    http://www.alistapart.com/articles/responsive-web-design
    and Golden Grid System by Joni Korpi
    http://goldengridsystem.com/
/* Mobile Layout: 480px and below. */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 95.8695%;
    padding-left: 1.0652%;
    padding-right: 1.0652%;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#header {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#maincontent {
    clear: none;
    float: left;
    margin-left: 2.6785%;
    width: 100%;
    display: block;
#navigation {
    clear: none;
    float: left;
    margin-left: auto;
    width: 100%;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #300;
    height: 16px;
    top: 5px;
#footer {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    color: #FFF;
    background-attachment: fixed;
    background-image: url(../bkgdContent.png);
    background-repeat: repeat;
    margin-top: 20px;
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
    width: 91.4836%;
    padding-left: 0.7581%;
    padding-right: 0.7581%;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#header {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
#maincontent {
    clear: none;
    float: left;
    margin-left: 1.6574%;
    width: 100%;
    display: block;
#navigation {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    height: 16px;
#whf-content {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#donatecontent {
    clear: none;
    float: left;
    margin-left: 1.6574%;
    width: 100%;
    display: block;
#theride-content {
    clear: both;
    float: left;
    margin-left: 0;
    width: 49.1712%;
    display: block;
#donate-content {
    clear: none;
    float: left;
    margin-left: 1.6574%;
    width: 49.1712%;
    display: block;
#footer {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
    width: 89.0217%;
    max-width: 1232px;
    padding-left: 0.4891%;
    padding-right: 0.4891%;
    margin: auto;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#header {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    color: #FFF;
#maincontent {
    clear: both;
    float: left;
    margin-left: 0;
    width: 32.6007%;
    display: block;
#navigation {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#whf-content {
    clear: both;
    float: left;
    margin-left: 0;
    width: 32.6007%;
    display: block;
#donatecontent {
    clear: none;
    float: left;
    margin-left: 1.0989%;
    width: 100%;
    display: block;
#donate-content {
    clear: none;
    float: left;
    margin-left: 1.0989%;
    width: 32.6007%;
    display: block;
#footer {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#theride-content {
    clear: none;
    float: left;
    margin-left: 1.0989%;
    width: 32.6007%;
    display: block;
#whf-content {
    font-family: Georgia, "Times New Roman", Times, serif;
SPRY CSS
@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;
    float: right;
/* 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: 4.3em;
    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: 4.3em;
    position: relative;
    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
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: relative;
    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
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #300;
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: center;
    height: 16px;
    padding: 0px;
/* 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: #003;
    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: #003;
    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;

Design view is not reliable. Learn to work in Code View or Split View with Live View to check your layout.
Spry menus are not responsive so they will not work well in a Fluid Grid Layout. Find a better menu system.
Project Seven Responsive Tabs
http://www.projectseven.com/products/tools/tpm2/tutorials/responsive/index.htm
10 Responsive Menus
http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
In the meantime,
It's often easier to work with an unstyled HTML page.
To disable CSS, go to View > Style Rendering > untick Display Styles.
Or, use a Design-Time Style Sheet.
http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e17a.h tml
Nancy O.

I have dual displays. My dock is on the MBP bottom and the menu bar is on the extended monitors top.

I have a Dell 2408 acting as the main display and a 15" MBP. For some reason, today the dock ended up on the MBP screen at the bottom and the menu bar is on the Dell at the top. I can't seem to move the dock back to the Dell. Can someone help? I tried moving the menu bar to the MBP and then back, hoping the dock would follow but no luck.
Thanks for your help.

When the dock is defined as on the bottom, it will appear on the screen of the extended desktop that is lowest.
Move the second monitor where the bottom edges are equal or the Dell is lower and the dock will move there.
Regards,
Captfred

Horizontal menu bar - increase the height and center the vertical treat position.

I am using SpryMenuBarHorizontal.css and want to increase the height of a horizontal menu bar 20 28px and have the menu names move to be centered vertically, rather than be aligned at the top.
Can anyone help me figure out how to do this?

In the following adjust the highlighted value to suit
ul.MenuBarHorizontal a {
padding: 0.5em 0.75em;
Gramps

Scroll bar on the right is off the screen. How is this fixed?

In the 11.0.1 version of iTunes, when I go to full screen, the window is too big and the scroll bar on the right is off the screen. Can this be fixed, or do I have to wait for the next version?

Yep. For all us spreadsheet geeks, this is a real sinker. Anyway, here's my workaround. Not free, unfortunately. I have a macro program called QuicKeys installed on my Mac that I've used for countless years, and which I highly recommend for other reasons. Anyway, one of QuicKeys' many features is simulating a scroll wheel using the keyboard. I have it simulating a cell-by-cell scroll using cmd-arrow keys. The only drawback is that I have to release the cmd key each time I want to move another cell.

How to turn of Leopard Screen Sharing menu bar indicator in the target Mac?

How to turn of Leopard Screen Sharing menu bar indicator in the target computer?

On target computer go to system preferences>sharing>remote management. From here, select computer settings and uncheck box 'show remote management status in menu bar'.

How can I style the second nested submenu (third menu in) specifically in a horizontal menu bar?

I want to be able to control the third level in a horizontal
menu bar specifically (I.E. - two submenus in). Is there a way to
do this?
OR - Is there a way to have the first and second submenus be
the same and the main level of the menu be different? For example,
when I try to add a background image to the first level of the
menu, the third level also gets that image, but the second does
not. Also, when I change the text size in ul.MenuBarHorizontal ul
to say 85%, the second menu goes to 85% less, and the third menu
goes to another 85% less, even smaller.
Ultimately what I want to accomplish is:
1) The main menu to have a background image and size 14 font,
no border.
2) BOTH of the first and second level submenus to be exactly
the same: font size - 12, with a border, and no background image.
I have tried for hours upon hours to accomplish this but I
can't seem to target both the first and second submenu specifically
to be styled the same way and target the main level of the menu to
be styled differently without affecting the submenus.
Can anyone shed some light on this? There must be a way to
target each level of the menu individually here.
Thanks in advance to anyone that can help me out.

Just use basic CSS to accomplish this.
Make a new class that does what you need for the third menu.
Then apply that class to the 3rd level menu items.
You can use more complex selectors if you wish, but the class
is the easy way to do it.

Imac display problem, the resolution seems to be unusual, top bar and all folders on the desktop background is off the screen

Need help with 21" imac display problem. The resolution seems to be unsual, everything on the desktop background goes off the screen. The resolution is set at 1920 x 1080

Quit the game and restart the iPad.
To quit the game - Go to the home screen first by tapping the home button. Quit/close open apps by double tapping the home button and the task bar will appear with all of you recent/open apps displayed at the bottom. Tap and hold down on any app icon until it begins to wiggle. Tap the minus sign in the upper left corner to close the apps. Restart the iPad. Restart the iPad by holding down on the sleep button until the red slider appears and then slide to shut off. To power up hold the sleep button until the Apple logo appears and let go of the button.
If that doesn't work try this.
Reset the iPad by holding down on the sleep and home buttons at the same time for about 10-15 seconds until the Apple Logo appears - ignore the red slider - let go of the buttons.

Menu bar flashes on the right side of the screen

My menu bar on the right side of the screen started flashing after the latest updates from Apple. I haven't changed any settings - just started flashing at various times.

The menu bar is at the top of the screen, not on the right side. Is that what you mean?

Horizontal Menu Bar extends off the screen

Similar Messages

Maybe you are looking for