Drop down overflow hidden then shown on hover...

I am trying to make a drop down menu that only occupies 30px of vertical space but when you hover over the parts with drop down sections, the remaining 30px displays over the content below much like a normal drop down menu.  I have it working, but only if I include 60px of space for the menu.  See screen shots...
The first one is what it looks like with the drop down not expanded.
The second one is what it looks like with the drop down expanded.
The third is what type of effect I am looking for.

As you can see, I made my stage red so it can be seen, and it only occupies 30px until you hover over the menu and get the drop down portion.
When the hover part comes in, it occupies 60px.  This is how I need it to work, but without taking up the extra 30px of real estate.

Similar Messages

  • PROMBLEM...I like to use your Browser exclusively,but when I drop down my Bookmarks,then pick one....after I am done the bottom of the Bookmarks is still visabl

    PROMBLEM...I like to use your Browser exclusively,but when I drop down my Bookmarks,then pick one....after I am done the bottom of the Bookmarks is still visable over the bottom pinbar (across the bottom of my screen) How do I get rid of it?? My computer Guy reinstalled Mozilla Firefox and it still happens...FYI,it doesnt happen with other browsers....
    > Thank You in advance for your Help!! SANDY

    Could you try disabling graphics hardware acceleration? Since this feature was added to Firefox, it has gradually improved, but there still are a few glitches with some graphic cards/drivers.
    You might need to restart Firefox in order for this to take effect, so save all work first (e.g., mail you are composing, online documents you're editing, etc.).
    orange Firefox button ''or'' classic Tools menu > Options > Advanced
    On the "General" mini-tab, uncheck the box for "Use hardware acceleration when available"
    Does that make any difference?

  • Formula that checks drop down list and then sums

    I have a table with a drop down list with two values: '$' and 'Hr' (cell called 'PType').  There is a cell called 'Proposed' that contains numerical data. The table is dynamic and can have more cells inserted via a button within the row.  I have a totals section that I want to total the SUM of 'Proposed' if the value in 'PType' is '$'.  I can't figure out what type of statement will allow me to write this.
    For now, my solution has been a hidden column whose cell simply states:
    if (PType == "$") then
        Proposed
    endif
    Then, in the totals section, I sum this hidden column since a value outside of '$' returns a '0' and won't affect my SUM.
    I am looking for a formula I can write that does this within the totals cell instead of having two cells.
    Thanks,
    Mallard27

    Here's my take on it.
    // form1.page1.subform1.table.footer.SUM::calculate - (JavaScript, client)
    var total = 0;
    for (i=0; i < form1.page1.subform1.table._row.count; i++) {
        if (table.resolveNode("row[" + i + "].Proposed").rawValue) {
            if (table.resolveNode("row[" + i + "].PType").rawValue == "$") {
                total = total + parseFloat(table.resolveNode("row[" + i + "].Proposed").rawValue);
    this.rawValue = parseFloat(total);
    Steve

  • Help with drop down box if/then function and sum

    Hi, I am hoping someone can help me with an if/then function. I have a drop down box with all of the provinces listed, then based on their choice I need to calculate provincial sales tax with a sum function for the price of the item plus the sales tax. Help!

    You can enter the sales tax rate for each province as the export value and
    then use the drop-down field directly in your calculations.
    On Thu, Feb 5, 2015 at 6:06 PM, jennam90934439 <[email protected]>

  • Single clicking tool in tool panel, drop-down opens, supposed to be on hover/doubleclick

    Okay, so I reinstalled windows along with photoshop cs5 extended x64, and now, when ever I click on any item in the tool panel, the drop-down menu pops out, and its extremely annoying.
    It never used to do this, I had to like either click & hold or double click or something.
    I just want to be able to use the tools without having to be bothered by the drop down menu.
    That's what happens now after single clicking on any of the tools with the arrow in the lower right corners.
    Please help, it is extremely frustrating!
    Thanks,
    Jordan

    You're saying the alternate tools selection opens immediately?  I have to click and hold for about 1/2 second for the alternate tools selector to open up.
    How is your double click speed set (control panel, mouse)?
    Does choosing Window - Tool Presets from the main menu, then using the Panel menu and choosing Reset Tools help?
    -Noel

  • Drop Down Menu Hidden By Flash in IE

    http://www.extravaganzacreative.com/moonlight/test2.htm
    My drop down (under "Portfolio") drops behind my Flash movie
    that it should extend over. It works fine on my Mac in FF and
    Safari, I am only seeing it when I test it on my PC in IE.
    I have tried changing the wmode to transparent in all places
    where that is relevant. I have also experimented with z-index
    (although I don't know if this impacts flash movies.)
    I have been stuck on this for days. Not sure if this was the
    best forum to post this at because it combines various members of
    the Creative Suite

    http://www.projectseven.com/support/answers.asp?id=127
    Al Sparber - PVII
    http://www.projectseven.com
    Dreamweaver Menus | Galleries | Widgets
    http://www.projectseven.com/go/apm
    An Accessible & Elegant Accordion
    "extravaganza_" <[email protected]> wrote in
    message
    news:gqecn0$s1$[email protected]..
    >
    http://www.extravaganzacreative.com/moonlight/test2.htm
    >
    > My drop down (under "Portfolio") drops behind my Flash
    movie that it
    > should
    > extend over. It works fine on my Mac in FF and Safari, I
    am only seeing
    > it
    > when I test it on my PC in IE.
    >
    > I have tried changing the wmode to transparent in all
    places where that is
    > relevant. I have also experimented with z-index
    (although I don't know
    > if
    > this impacts flash movies.)
    >
    > I have been stuck on this for days. Not sure if this was
    the best forum
    > to
    > post this at because it combines various members of the
    Creative Suite
    >

  • Drop down menu hidden in IE

    I am making a website with a drop down menu and while it appears in Firefox and Safari fine it doesn't in IE. Instead it seems to be cut off when rolled over.
    Would anyone have any idea what could be causing this issue?
    http://www.khawkinsdesign.com/ecole/index.html
    Many Thanks,
    KJoe

    Mybe need a </li> after:
    <li> <a>Ecole Buissonniere</a>
    Bob

  • Drop down menu hidden behind javascript slider

    I have a js slider that is sitting in front of my drop down menu.
    I tried the x-index in my css file using position as absolute and nothing...
    Can anyone help..I am new to this. I am using Easy Rotator for the slider
    Thanks
    .servicesdropped {
        display: none;
        text-align: left;
        position: absolute;
        background: #172323;
        font-size: 12px;
        width: 590px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #000;
        margin: 10px 0 0 20px;
        padding: 10px 20px 20px;
        z-index: 40000;
    http://99.98.44.183/TEST_WEB/index2.html#

    64 errors is not acceptable.  You still have non-working menus owing to the malformed lists and your slider doesn't work.
    I'm trying to be constructive when I say this site is seriously overdue for a re-build.  The table layout with a gazillion spacer.gifs is a relic from 1990's web design.  Practically speaking, this site belongs in a museum.  In the long run, it would be better to re-build it with CSS layouts and modern web practices See Responsive Web Design.
    Nancy O.

  • How do I delete a song from my Itunes library? I follow the instructions and right click on the song and click delete from the drop down menu but, then it asks me if I am sure I want to hide this song in Iclouds? I dont even know what Iclouds is?!?! HELP!

    How do I delete a song from my Itunes music library? I follow the instructions and right click on the song and then select "delete" as specified and my info claims at that point it will ask if I want to send this song to my trash bin, but, instead, when I try to delete the song, I get another window asking "are you sure you want to hide this song in iCloud? I don't even know what iCloud is?!?!? I don't want iCloud and just want to get rid of old songs!!! HELP ME!!!

    Short answer:
    Click Hide Song(s), it is what you wanted to do...
    Long answer:
    iTunes in the Cloud is a feature of your iTunes store account that allows you to redownload or stream your past purchases. When you delete a purchased track that is downloaded to your computer (like the first one shown here) you are asked if you also want to hide the song from iCloud. This would remove it from the computer and also stop it showing up with the iCloud symbol as the other tracks from that album (which are not downloaded) do.
    If a track shows with the cloud symbol you can play (stream) it by double-clicking the title, or click the cloud symbol to download a local copy to your library. If you try to delete one of these tracks you get a slightly different message confirming that you want to hide the track. Clicking hide will remove the listing from the library and any other device that shows your past purchases.
    Should you want to retrieve any item hidden in this way at a later date use Store > View My Account > iTunes in the Cloud > Hidden Purchases > Manage.
    To hide all your previous purchases that are not downloaded to your computer use Edit > Preferences > Store and untick Show iTunes in the Cloud purchases.
    tt2

  • Previously i was able to select tools in the bridge and then select image processor to make jpegs from my tiffs, the image processor tab is no longer on the tools drop down menu

    previously while in bridge, i was able to select tools in the drop down menu and then select image processor to get to the page where i can make tiffs and jpegs. That option is no longer available in the drop down tool selection. How do I make jpegs from my tiffs now in the bridge.
    thanks
    [Moved from the general Cloud forum to the specific Program forum... Mod]

    In current Firefox releases the search bar on the about:home page and the about:newtab page have an autocomplete=off attribute that prevents Firefox from saving form data and now show search suggestions just like you get on the regular Google search page.

  • Hidden drop down lists

    I am trying to achieve the effect on this website
    http://www.thedesignersrepublic.com/
    if you click on WORK on the right to display the drop down
    list and then click one of the options, you will see a list of sub
    headings appear.....any ideas of an extension in dreamweaver that
    will do this??cheers

    Here are some for how to do it in HTML and CSS -
    Check the uberlink and MacFly tutorials at PVII
    http://www.projectseven.com/)
    and the Navbar tutorial/articles at Thierry's place
    http://tjkdesign.com/articles/dropdown/)
    Or this one (more recent article):
    http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp)
    Or to get it done fast, go here -
    http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "namtax" <[email protected]> wrote in
    message
    news:ei5rsd$5qs$[email protected]..
    > any idea of tutorials on how to do that??
    >
    > cheers

  • Sort worflows in drop down lists

    Is it possible to sort workflows in shown in the down list in the sidekick ? Is there a property like the ranking property for templates ?

    Yes, there is ranking property in template https://dev.day.com/docs/en/cq/current/developing/templates.html#Properties and Child Nodes of a Template
    To display workflow list sorted you have to customize the drop down list and then sort it.

  • Using drop-downs and keeping answers after cursor removed. HELP ME!!!

    Hi there. I need help!
    Ill start off by explaing what I'm trying to make. It's a game that you can design your own cartoon face =D
    I have a image of a blank peach-coloured circle -'the base -layer of the face', eventhough this is an option to change, and a drop-down menu to the right which is made up of masks that drop over the 'drop-down options', so that when you hover over the title of the dropdown, the options for different coloured eyes, noses, hair etc appears. When you move over a title, the AS3 takes you to the frame label which starts the mask moving, and then you can see the options. As there are three titles (more planned but isnt space atm) there are three frame labels that have the masks moving downwards, allowing the user to see the options.
    When you click on the option, a 'spikey hair', or 'blue eyes' etc appears on the face. This is done from them already being ontop of the face, but the button click making the alpha=1, rather than 0.
    However, when I take the cursor off of the options, the hair/eyes/mouths dissapear, as it thinks that I have taken my cursor off of the options ands takes me to a new frame label, in which the hair/mouth/eyes are not there.
    Please can someone help me get this game working. I am only 17 and dont know who to ask about this stuff, evethough i find it awesome =D
    If people need more info, or even perfectly are offering to look at the files themselves, then please get in touch =D, either through here or email, which is [email protected]

    Hi there. I need help!
    Ill start off by explaing what I'm trying to make. It's a game that you can design your own cartoon face =D
    I have a image of a blank peach-coloured circle -'the base -layer of the face', eventhough this is an option to change, and a drop-down menu to the right which is made up of masks that drop over the 'drop-down options', so that when you hover over the title of the dropdown, the options for different coloured eyes, noses, hair etc appears. When you move over a title, the AS3 takes you to the frame label which starts the mask moving, and then you can see the options. As there are three titles (more planned but isnt space atm) there are three frame labels that have the masks moving downwards, allowing the user to see the options.
    When you click on the option, a 'spikey hair', or 'blue eyes' etc appears on the face. This is done from them already being ontop of the face, but the button click making the alpha=1, rather than 0.
    However, when I take the cursor off of the options, the hair/eyes/mouths dissapear, as it thinks that I have taken my cursor off of the options ands takes me to a new frame label, in which the hair/mouth/eyes are not there.
    Please can someone help me get this game working. I am only 17 and dont know who to ask about this stuff, evethough i find it awesome =D
    If people need more info, or even perfectly are offering to look at the files themselves, then please get in touch =D, either through here or email, which is [email protected]

  • How do i add web addresses to my url address bar drop down?

    i know how to delete them. i want to know how to add. i have a few in there already but it's not at the max.

    I have always been able to find my most used urls by dropping down from the address bar, but suddenly this option seemed to be gone and there were now none of the former urls shown there. I thought someone using the computer had cleared history or something but that was not the situation. I do not turn off the computer much and so we slowly accumulated some of the urls back into the drop down menu. Then suddenly a couple of days ago, they were also gone! This is quite annoying. How do I keep them there and not have them eliminated? I would not mind seeing a long list of the sites I have been on so I could go directly to them without doing a lot of typing.
    It would be nice to be able to type in an address without having to change https to http each time when the only way seems to be to go to a site by typing in the address and I had been on a secure site before hand. I do not consider eliminating the drop down list an "improvement". I wish you would allow that to continue and be edited by the user if he needs to do so.
    Most of the time issues are caused by making "upgrades" which change the way things are done with no valid reason to do so. It there is a need for a different way to make firefox run on a netbook or phone then make it special for that and keep the old system going for us users on laptops and desktops. I can understand making some changes due to security or virus sort of issues, but I am almost certain that those changes can be make underneath what the normal user will see and use to navigate the program.
    Allowing those who have the time and energy to make some personal changes to the way it looks and operates is fine with me, but don't force all your users to make those changes too. I am sure the interface for firefox could be changed in the way things are accessed but not force us all to use that way...........call it a custom version or something like that.
    For instance, I know there are hot keys for a lot of things but I have better uses for my limited memory than to memorize them. The problem is that they are all different for each program you use and if they all did the same thing in every program I might be inclined to do so. But that is not the case. So have some compassion for the casual user who is not a complete computer geek who lives and breathes computers night and day.

  • Dynamic Drop Down Menu from an Access Database

    Hello Everyone,
    I am user Adobe Designer 7 to create a fillable PDF, and I would like to get the options for a drop down menu from my MS Access database. Basically I would like to populate the drop down menu with the names in the Access database. There i Have a table called PhoneNumbers and it contains the names of all the people I want to appear in the drop down menu that I just created.
    This is what I did:
    I created a drop down menu and then I clicked on Object > Binding > under "Default Binding (Open, Save, Submit)" choose "New Data Connection"
    then connect to the database using a fileDSN. I opened the table where with the "names" column (PhoneNumbers)
    and under the "Query," option, I wrote:
    select * from PhoneNumbers
    Then it gave me all the fields from the table and I dragged the "Last name" field over the drop down menu. I will need to find a way to get the "First Name" field to join the Last Name field to create one name that looks like this: Hill, Angie
    The problem is that even though it shows the name from the Access database, it does not give me a list of all the names when I open the form in Reader 7...
    No matter how much I click that drop down arrow, the name does not change...
    It's almost as if it gets to the databse and gets the data from the database, but it cannot loop through it...
    It's almost as if it's missing the code to loop through it...
    Why is this? Any ideas how to fix it so it gives me a list of ALL the names, when I click on the drop down button?
    After that, how can I add the first name to it?
    The form would look like this:
    Angie H. 202 641 2055
    Right now it does look like that, but I cannot change to another name when I click the drop down menu. For the code to be working when I change to another name, the phone number also changes to the phone number of that person:
    Barry S. 703 555 1258
    The name is in a drop down menu, the phone number is in a textbox.
    Can you help me with this?

    ANGELA,<br /><br />Well, the good new is that you are not far off...What you need is to insert the following code using Java Script under the Initialize function.  Just replace the Connection name,  The Hidden Value, and the Display Text with your information.  This is a function is 8.0 but will work with 7.0<br /><br />/*     This dropdown list object will populate two columns with data from a data connection.<br /><br />     sDataConnectionName - name of the data connection to get the data from.  Note the data connection will appear in the Data View.<br />     sColHiddenValue      - this is the hidden value column of the dropdown.  Specify the table column name used for populating.<br />     sColDisplayText          - this is the display text column of the dropdown.  Specify the table column name used for populating.<br /><br />     These variables must be assigned for this script to run correctly.  Replace <value> with the correct value.<br />*/     <br /><br />var sDataConnectionName = "DataConnection";     //     example - var sDataConnectionName = "MyDataConnection";<br />var sColHiddenValue = "CAT_Corp_SeqNo";               //     example - var sColHiddenValue = "MyIndexValue";<br />var sColDisplayText = "CAT_Corporate";               //     example - var sColDisplayText = "MyDescription"<br /><br />//     Search for sourceSet node which matchs the DataConnection name<br />var nIndex = 0;<br />while(xfa.sourceSet.nodes.item(nIndex).name != sDataConnectionName)<br />     {<br />          nIndex++;<br />     }<br /><br />var oDB = xfa.sourceSet.nodes.item(nIndex);<br />oDB.open();<br />oDB.first();<br /><br />//     Search node with the class name "command"<br />var nDBIndex = 0;<br />while(oDB.nodes.item(nDBIndex).className != "command")<br />     {<br />          nDBIndex++;<br />     }<br /><br />//     Backup the original settings before assigning BOF and EOF to stay<br />var sBOFBackup = oDB.nodes.item(nDBIndex).query.recordSet.getAttribute("bofAction");<br />var sEOFBackup = oDB.nodes.item(nDBIndex).query.recordSet.getAttribute("eofAction");<br /><br />oDB.nodes.item(nDBIndex).query.recordSet.setAttribute("stayBOF", "bofAction");<br />oDB.nodes.item(nDBIndex).query.recordSet.setAttribute("stayEOF", "eofAction");<br /><br />//     Clear the list<br />this.clearItems();<br /><br />//     Search for the record node with the matching Data Connection name<br />nIndex = 0;<br />while(xfa.record.nodes.item(nIndex).name != sDataConnectionName)<br />     {<br />          nIndex++;<br />     }<br />var oRecord = xfa.record.nodes.item(nIndex);<br /><br />//     Find the value node<br />var oValueNode = null;<br />var oTextNode = null;<br />for(var nColIndex = 0; nColIndex < oRecord.nodes.length; nColIndex++)<br />     {<br />          if(oRecord.nodes.item(nColIndex).name == sColHiddenValue)<br />          {<br />               oValueNode = oRecord.nodes.item(nColIndex);<br />          }<br />          else if(oRecord.nodes.item(nColIndex).name == sColDisplayText)<br />     {<br />          oTextNode = oRecord.nodes.item(nColIndex);<br />     }<br />}<br /><br />while(!oDB.isEOF())<br />{<br />      this.addItem(oTextNode.value, oValueNode.value);<br />       oDB.next();<br />}<br /><br />//     Restore the original settings<br />oDB.nodes.item(nDBIndex).query.recordSet.setAttribute(sBOFBackup, "bofAction");<br />oDB.nodes.item(nDBIndex).query.recordSet.setAttribute(sEOFBackup, "eofAction");<br /><br />//     Close connection<br />oDB.close();

Maybe you are looking for