Long Vertical CSS dropdown menu goes off screen

Greetings,
I developed a dropdown menu using Spry (Adobe Dreamweaver). It is a vertical menu with multiple sub-menus. Some lists are very long and the menu goes below and off the page.
I found a great example of what I want my menu to do: http://coins.shop.ebay.com/
On the side, it says "Browse By:" and there is a vertical menu. If I shrink the page up vertically a little and watch the sub-menus pop out, I notice they get pushed up if the parent is close to the bottom of the screen, which ensures that none of the options go off the page, they get pushed up.
How can this be done?
Thanks

Have a look here http://pleysier.com.au/mike/
Maybe this is for you.
For the accordion I have used jQuery UI Accordion for Widget Browser which can be found here http://emea-events.wip4.adobe.com/cfusion/exchange/index.cfm?event=ext ensionDetail&loc=en_us&extid=2028523
If you are using DWCS4 or 5, then you can easily incorporate the widget, if not then it is a matter of copying and pasting the code.
Gramps

Similar Messages

Form going off screen

Hi all, new to flex and having what is probably a very simple issue.
I have my s:Application.
In here is an mx:Panel
in the panel is an mx:Form filled with mx:FormItems, including s:DropDownLists, s:TextInputs and s:TextAreas.
My Panel and form appear to be going off the bottom of the window. I was expecting the panel to stop at the bottom of the window and a scroll bar appear but it doesnt.
If i set a height value in the Panel of say, 100, a scroll bar does get rendered. I thought the obvious solution then was to apply height="100%" to the panel and form but this doesnt change anything and it still goes off the screen. I've also applied Bottom values but that doesnt stop it going off screen.
The application has width and height of 100% set, and a VerticalLayout. can someone tell me how to stop stuff going off the bottom of the window? I'm sure it must be something simple but google doesnt help!
Thanks
Steven

OK So I've stopped the problem but am not going to mark it solved yet because I still have a question. I set the Panel to layout="Absolute" and that fixed it. Why does "vertical" let the panel go off screen and not bring up a scroll bar, do you always have to use Absolute?
Also, using s:Panel causes the problem regardless of what layout I apply, why?
Thanks

Window Goes Off-Screen When Mouse arrow Is Moved To Upper Right Hand Corner

It seems like this happened recently. When the mouse is moved and pointed to the upper right hand corner of the screen everything displayed goes off-screen to the right and left sides. The edge of the window is shown on the right side and a shadow on the left side- when I click on those everything pops back on-screen. I have a bad habit of moving my mouse quickly and this has become annoying.
I thought it may have been a "Hot Corner" but I checked and this feature is not enabled(in Expose/Dashboard)
How do I disable this feature?
Thank you in advance.
Steve

Hello Steve:
It definitely sounds like the hot corner "all windows" is enabled. There is a preference file that needs to be trashed, but I cannot figure out which one (no help to you).
Be sure that none of the hot corners are enabled and then restart.
You might also try resetting PRAM (although I do not think that will do anything).
Barry

Save/Open Window Goes Off Screen Bug

There's this one particular bug I've been having ever since I upgraded from OS X Maverick to Yosemite. Whenever I open/save a file, whether it's on the web browser or Finder, the open/save window goes off screen. I can still see the window but the bottom portion where you normally have the open, save, new folder and cancel buttons - is all the way at the bottom of the screen.
I can't scale it to its proper size because the window is buried beneath the Docks. The only way to rescale it is to click the arrow key button near the Save As drop down list but sometimes, this button is not there.
Does anyone else have this problem? Any idea how to fix it?

Hello Steve:
It definitely sounds like the hot corner "all windows" is enabled. There is a preference file that needs to be trashed, but I cannot figure out which one (no help to you).
Be sure that none of the hot corners are enabled and then restart.
You might also try resetting PRAM (although I do not think that will do anything).
Barry

Display issue with vertical windows start menu and dual screen

Hello everyone
I never reported it and I didn't find any information on google or mozilla support about this so here it is :
I am on windows 7 and I set up my windows start menu vertically. I also have 2 screens. These both points are important. If I put the start menu horizontally I do not have the issue anymore, and If I turn off one screen to have the display only on one screen, I do not have the issue anymore, which is a rare setup I guess so it could explain why this bug has never been detected.
HERE IS THE ISSUE
I have display issues on website with a big width, even the default add-ons Manager firefox page doesn't display correctly. Here is a screen shot:
http://img15.hostingpics.net/pics/368172bugFirefoxDisplay.png
So as you can see the disable and remove button on the right are not displayed, and at the bottom there isn't any scroll bar to scroll ! So I have no way to display the information on the right of the page, and it happens on a lot of other website (gmail, etc)
It is not such a big issue because my start menu is on my left screen and I can move firefox on the right screen to have a correct display.
I still think this is worth reporting this bug. I hope it is clear, feel free to ask questions if you didn't understand.

You can try to disable hardware acceleration in Firefox (you need to close and restart Firefox).
*Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
*https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration

Mouse goes off screen

Have a slot loading iMac where the mouse goes off the edges of the screen. Even if I change the resolution. I heard there is a fix for this but can't find it anywhere. Help please if you can. Thanks!

If you have a multi-coloured Apple in the top left then: go to  Apple Menu > Control Panel > Monitor > In there you will find controls to adjust the CRT display up, down, left, right and the keystone. slowly adjust these until the whole display is visible on the screen.
If you have a blue Apple in the top left then do the same but go:  Apple Menu > System Preferences... > Displays > .
Let us know how you get on.
mrtotes

Dropdown menu goes behind PDF file.

I have embed a pdf file into a web page. But unfortunately, when I open the dropdown menu, it is hidden by the pdf file. is any way to fix it?
I used iframe to embed the pdf file. and As I know, for flash, we can set the wmode property as 'transparent' to fix it. is any similar property to adobe reader.
Thanks,
Wu Cao

I managed to answer the question after much research. It seems that the z-index attribute didn't work but another parameter for flash called "wmode=transparent" worked. My drop down css menu now goes over my flash movie!!
The code that work is as follows if anyone is interested:
<div style="text-align: center">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="640" height="342"
id="main_page" align="middle" >
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="main_page.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="loop" value="true"/>
<param name="wmode" value="transparent">
<embed src="main_page.swf" quality="high" bgcolor="#ffffff" width="640" height="342" name="main_page" align="middle" wmode="transparent"
allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer" />
    </object>
</div>

Text going off screen

When I send a text, it goes off the screen so I can't review it. The text is there, but the margin seems to be beyond the iPhone's screen. How do I make it so it starts a new line when it comes to the end of the screen?

Not sure exactly what the problem might be there, but you can try to perform a reset on the phone. Hold the sleep/wake and home buttons together until you see the Apple logo and then release. The phone should reboot. See if that helps.

How to add a new element in dropdown menu in PA30 screen

Hi All,
In the sreen of PA30, click 'Utilites(M)' on the menu, there are some elements in this dropdown list.
In some system, if i set MOL to 22, 'Reports(japan)' will be appended at the end of the list. But some system, even if i set mol to 22, there is no this new elment in the corresponding position.
Where to do such kind of settings?
Many many thanks in advance!

hai..
Possible Answer:
The Utilities in the tool bar is standard settings and come with country independent..settings...

Adding a link to a CSS Dropdown Menu

Hello all:
I am fairly new to the world of CSS and am having some
trouble. I found a CSS menu online and styled it to look correctly.
But now I need to add some functionality to it and can't quite get
my head around how to do this (trial and error has not been working
=)
If you take a look at the following link, I would like to
creat a link out of each of the big square buttons. "Specials",
"Chicago Souveniers", etc.
http://gdsquared.com/clients/souvenir/mm5/home.htm
The corresonding CSS file can be viewed at this link. The
beginning of the navigation bar is commented out as, ----- NAV:
START------
http://gdsquared.com/clients/souvenir/css/style.css
Currently when I add a href into the <li> it starts to
take on the properties of the submenus.
If someone could offer any help, it would be greatly
appreciated.
Thank you
- Garrett

"gbowhall" <[email protected]> wrote in
message
news:ff3uvd$1ko$[email protected]..
>I believe I followed the logistics of what you were
saying, but I didn't
>quite
> figure out how to apply that to splitting them up. How
do I pull them
> apart
> from each other (if that's what you were implying) so I
can make each its
> own
> separately styled link? I apologize for my newbie-ness
here.
You don't pull them apart, it's the opposite, you need to
*nest* them
properly
<ul>
<li>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
</ul>
As you can see, the sub-menus need to be within LIs. ULs do
not "sit" next
to each other inside the main UL
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
http://www.divahtml.com/products/scripts_dreamweaver_extensions.php
- divaGPS - Add "you are here" highlighting to virtually any
menu
- divaFAQ - Create FAQ pages that toggle (show/hide) the
answers
- divaPOP - Easy, clean, standards-compliant popup windows.

CSS Dropdown Menu Issue in Contribute

Hello everyone,
My name is Boris and I have these question related to the
Adobe Contribute.
I'm working on a client web site where there is a CSS drop
down menu that works in all the browsers. Which works perfectly in
all the browsers without use of JavaScript. However, the issue
comes when you use Contribute and it simply shows the entire drop
down menu all incorrectly and overall design gets all wrong because
of that. I was wondering if anyone had similar problem and has a
solution for it or if there is a way to make code hidden just to
Contribute?? I would very much welcome any help with this issue.
Thank you everyone and have a great weekend. :-)

I've figured it.
Just so anyone else who is experiencing this knows - i
changed all the
margin-left properties to just 'left' and made the position
relative. For
some reason Contribute didn't recognise the margin-left
property at all.
Strange. It now displays exactly the same in dreamweaver,
contribute, ie,
firefox...etc.
Thanks for your post Lime.
"lime" <[email protected]> wrote in message
news:e26u9n$jqr$[email protected]..
> "James D" <[email protected]> wrote in
message
> news:e26b7m$rv8$[email protected]..
>> Hi there,
>>
>> I have a template page which is based purely in CSS
and I need that
>> template
>> to be used by my client in Contribute, the only
problem is that when page
>> is
>> previewed in Contribute the layers are all on top of
each other in one
>> line
>> making it impossible for client to update. In
Dreamweaver the preview is
>> fine.
>>
>> I dont have access to the code at the moment as i am
away from the
>> office,
>> but has anyone experienced a similar thing before or
is there a common
>> explanation like contribute cannot handle pure css?
>>
>> Thanks
>>
>>
>
> Yeah, I've seen Contribute present CSS layers in an odd
way as well - not
> as bad as yours sounds though. I'm also not sure how to
help... anyone
> else?
>
> --
> Helen, lime, et al.
>

With container checked for resizing, find/find next still goes off screen

I have an ALV in a custom container.
The custom container is marked for horizontal and vertical resizing.
At a higher resolution, only one vertical scroll bar shows - the ALV scroll bar.
At a lower resolution, two scroll bars show: the ALV scroll bar and the window scroll bar.
At the higher resolution, the ALV automatically scrolls to the row with a found item automatically (after doing a find on something beneath the last visible row.)
At the lower resolution, the ALV does not scroll automatically to the row with the found item - you have to manually scroll to see the row.
What can be done to fix this ?
Can I get the resolution somehow and then resize the screen and container dynamically ????

See my note in Coffee Corner and watch out for ALVs sitting beneath subscreens !!!!

Dreamweaver Template & CSS Dropdown Menu Problem

The following website (K
WEBSITE ) is up and as you can
see, dropdowns work fine in Firefox and IE 7, but only work on home
page in IE 6. Seems to be a template problem... not sure. The
dropdowns do not even show up!
Can anyone help, please!!! I am going nuts with this.
Thank you,

Try adding display:inline-block to your nav ul rule:
nav ul {
    display:inline-block;
    margin: 0;
    padding: 0

Firefox window goes off screen

When i open firefox the screen goes to the side of monitor where I can't get to it.

This issue can be caused by the Babylon Toolbar extension
*https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions 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
See also:
*http://kb.mozillazine.org/Corrupt_localstore.rdf

Dw6 css dropdown menu help

wanting to create a drop down menu using css. i have created this using <ul> and <li> tags, but for some reason it doesn't look right. My html seems to be correct and I have double checked the css and can't seem to find what i did wrong. I have chosen the tags within a tag to be hidden, the text is hidden but the boxes are still shown. can someone help out a rookie and see what i screwed up?
url is vacationcribs.com
thx.\

Fix the ending list tag (</li>) and come back here if it is still no good.
This list should help.

Long Vertical CSS dropdown menu goes off screen

Similar Messages

Maybe you are looking for