Accordion widget in the header adding white space in the body

Hello

I've updated to Muse 2015.2 today. An Accordion widget that I use to create a collapsible menu (an Accordion widget with a menu widget nested inside of the it) in the header to a breakpoint now pushes content in the body down to about 200 pixels (possibly the size of the menu accordion when it is open). The content of the body is lowered as soon as the width of the browser reaches the breakpoint, not when I open the folding menu. In the previous version of Muse, I got the menu open on top of the body content and I would do the same in the new version.

It seems related to the layers or PIN, but I can't get the behavior to work the way I would like to only it. The menu "accordion" is in the layer 'first', the header, and I chose the option to the accordion "ride the articles below." If I choose to pin the accordion to the top left of the browser, the widget works as you want, in other words, it doesn't push the contents of the body down when he appears at the breakpoint. I don't want the accordion pinned to the browser, however. I tried pinning of the accordion to the page, but this does not change the behavior to push the contents of the body down.

How to make it work again?

New: easier to see what read my explanation. Site is here: http://wscapes.businesscatalyst.com

Resize the browser homepage to the breakpoint with menu accordion. The legend of the main picture moves down in an undesirable way.

Post edited by: Ben Wilder

Hi Ben,

Just checked your .muse file.

Please go to the bird's eye view in Muse, open the master page

Now check the preview, it will be fine.

Thank you

Prabhakar Kumar

Tags: Adobe Muse

Similar Questions

  • E10 adding white space at the top of the footer image

    I tried to create an email that has a text box that is white in the Middle, surrounded by images on all 4 sides (which was an image, decided on). I have included the email below

    http://app.na.agcocorp.com/e/es.aspx?s=1524474208 & e = 697 & ELQ = 6d4fc785f9a74a2ab3c46566bfbb0908

    Anyway, no matter what I do, e-mail seems to add a 30? PX white space between images on both sides and the background image. Everything was aligned in Eloqua. I even tried to create a text box and use the following code for the background image:

    < table border = "0" cellpadding = "0" cellspacing = "0" >

    < tbody > < tr >

    < td > < img elqtitle = "" src =" " http://images.na.agcocorp.com/EloquaImages/clients/AGCOCorporation/ " {1ca5dc18-f6cd-4abe-a72d-23d0065e74c0} _PTS_FieldCheck_Footer.jpg" style = "display: block;" >

    < table > < /tr >

    < / tbody > < / table >

    Still having the same problem. It shows fine in Firefox/Chrome, but when actually sent via Outlook or Gmail, the white space appears

    Any ideas?

    Thank you!

    Hey Brandon,.

    Just before starting the maintag for your footer image you have anothertag that contains 3 empty columns)tags). All 3Tags have a height 60 attribute. In fact, if you go to your code and use browsers find function (usually Ctrl f) and type in id = "emtpy16" it takes you directly to the first of the 3Tags (i.e. id = 'emtpy16' id = 'emtpy17' id = 'emtpy18'). Delete this height and you should be good. Also, make sure that you reset your image in the style = "display: block;" or you will get space in gmail around your image.

  • Is there an easy way to add arrows to the drop-down list for the style Accordion widget?

    I am looking for a simple way to make a drop-down arrow on the Accordion widget. The arrow pointing down when it is open and point at the time down? See the attached screenshot example.

    screenshot.jpg

    You can use an arrow to label image where with the normal state the image of the arrow must be different from the current state.

    Thank you

    Sanjit

  • The content below Accordion widget doesn't move do not?

    I want to have the content below the Accordion widget to slide down when one of the panels is open.  Right now, the Accordion widget behind the content slides when one of the panels is open. I have "Overlapping elements below" checked.

    From the Lynda.com site: " the Accordion Panel now includes the overlapping items below option. "When selected, content under the accordion panel moves down on the page like an accordion panel is opened/expanded."

    Thank you

    This seems like a typographical omission on Lynda.com blog.

    You must uncheck this option to move the content below accordion down when opening the Panel.

    Please check below excerpt from Muse Release Notes here: http://helpx.adobe.com/muse/release-note/adobe-muse-release-notes.html

    • The Accordion Panel now includes an option for "overlap the items below. When a selected under the accordion panel content will not move down on the page like an accordion panel is opened/expanded.

    See you soon,.

    Vikas

  • Create a menu accordion that pushes the content down?

    Okay, so I am what some new Muse and I am working on a site that requires me to have several sensitive pages.

    So I want to create a menu Burger in the left corner of the header when you click on in her pushes her contented below him down not just open on the top.

    Now, I had this ins the past when tested the menu when scratch starts out but now I can't re - pro wanted this result?

    What I am I missing here are my steps

    1. on a blank page for testing, I create a black bg header 960 x 200

    2 drop an Accordion widget on the page (by emptying all the contents and styles)

    3. move a vertical menu on the page in the lower area accordion

    4 - Position the accordion in the black box in the header that I drew

    5 - test it and the menu opens but does not push only the lower content down, it opens on the top.

    Any ideas or a video tutorial that I can check?

    Thank you

    B

    use the widget base of Muse

    and put a tick in the box to overlay

    example page = example widget

    the two have left ticks so they more | under the knees and the right pushes down

  • Can you do a target composition "fall back" like an Accordion widget?

    I would like my site to have multiple rows of buttons (4 rows of 4 buttons of each), all connected through the same widget. When you click it, the corresponding text would be 'bend down' in the same way as an Accordion widget, lowering the buttons below in response to the new content. Then, when a button is clicked in a different, content of the selected line line previously would be 'bend' and target of the new line would "bend down".

    Is this possible? I will attach some pictures of what I'm trying to describe.

    Here a button in the second row is selected, and the target folds down. Lines 3 and 4 buttons have moved down in response.

    Screen Shot 2015-04-14 at 6.18.21 PM.png

    Now, when a button in the row 1, the objective of the folds of the line 2 upward and the goal of the folds of the line 1 down. The navigation buttons of lines 2, 3 and 4 down in response.

    Screen Shot 2015-04-14 at 6.17.55 PM.png

    You can use vertical transition with first hide option for the composition, which would create a similar effect for container rolling up with content.

    Thank you

    Sanjit

  • Model of Accordion widget update

    When I make changes to the Accordion widget in the model of these changes are not updated on pages, made from the model. Any ideas?

    My guess is that you have it in an editable region in your model.  When you make changes and save, it will not refresh the child pages. You might be able to make changes, go to modify | Templates | Apply the Page model... but that's a guess.

    If your accordion is a menu, get in an editable area is not very productive.

    Your best bet is to post a link to one of the children pages that people can see the code.

    Gary

  • Unit testing: why white spaces are added to the PL/SQL lines on each edition?

    Dear team of SQL Developer,

    Are you aware of this very annoying problem of the unit test is running: a space is added to each line of PL/SQL code with each unit test that is run?

    The length of each line of code continues to grow with each race...

    I wonder why is it and you have an existing reference to bug for this... Please let me know...

    Thank you

    Val

    Thank you, Gary!

    The bug was just connected:

    BUG 20061594 - UNIT TESTS: the UNWANTED SPACE CHARACTERS ADDED to THE SQL CODE

    I've updated the SR that white spaces are added after each change, and that it can be easily mistaken for each run (we open the editor for see/check, or simply to do an update before a new race), but the bug has already been created with a description of the problem of evil:

    "...

    Description of the problem

    ===================

    Spaces are added after each line of SQL in the Unit Test after each race. »

    Sorry about that... I hope that the bug will be updated with correct description before you guys accept it as a bug:

    "...

    Description of the problem

    ===================

    Spaces are added after each line of SQL in the Unit Test after each change. »

    Thanks again,

    Val

  • Error adding audio to the accordion Widget

    I am trying to use the Accordion widget that ships with Adobe Captivate 7. In the properties of the Widget, you can add audio to the description under each tab. When I go to select a narrated audio file (which has been recorded using Adobe Captivate) in the library, I get this error message indicating that I "chose the type of wrong file...» ». If someone has encountered this? What other types of audio file can be added?

    Audio Error.png

    Hello

    While I have not seen the exact behavior you describe, audio did not for me on this gadget until I did the following steps.

    1. export the audio library. Mp3 format.

    2. starting at the widget when adding audio, choose the import option and direct to MP3.

    I tried export from the library in WAV format and actually saw the message you have described. But by following the above steps it worked for me.

    See you soon... Rick

  • Additional white space around the graphic header &amp; amp; Navigation bar

    I have a graphic header and Navigation bar (flight path images) positioned inside a table. Unfortunately, there are about 1-2 pixels of white space on the left, right and the top of the header image. Even with the navigation bar - there are 1-2 pixels of white space around the edges (left and right). By default, the cell padding for the table is set to zero. So central is set to zero, why do I see a blank space between the edge of the graph and the edge of the table?

    You can see what I mean here: http://newstartinvestment.com

    What is causing this extra white space, and how do I get rid of him?

    On March 26, 2007 in macromedia.dreamweaver, csbridges wrote:

    > I have a graphic header and Navigation bar (flight path images)
    > positioned inside a table. Unfortunately, there are about 1-2 pixels
    > white space on the left, right and the top of the header image.
    > Even with the navigation bar - there's 1-2 pixels of white space around the edges
    > (left & right side). By default, the inner margin of the table is
    > the value zero. So central is set to zero, why I see white
    > space between the border of the chart and the edge of the table?
    >
    > You can see what I mean here:
    > http://newstartinvestment.com (Btw, I
    (> dislikes yellow bearings - they will be removed shortly.)
    >
    > What is the cause that extra white space, and how can I get rid of him?

    Personally, I thought that the white border was a feature, but... In
    addition to the cellpadding, adds cellspacing:


    cellspacing = "0" bordercolor = "#000000" bgcolor = "#FFFFFF" >

    --
    Joe Makowiec
    http://Makowiec.NET/
    E-mail: http://makowiec.net/contact.php

  • Illegal white space between the header and the body.

    Hello;

    I make a web site that I broke into pieces. A header, fooer, nav and implementation of main body.my and cannot find a way to make it work properly. It only happens in Internet Explorer, it's very nice in all other browsers. Between the cfinclude header.cfm and the body of the page, I have a horizontal white line, I can not make disappear. They should sit tight with nothing in between. I tried css, play with the table for the header and the body, and it's still there.

    Anyone know how to do this, go away? Here is my set to the top:

    It is the code of the page, maybe I'm missing something here?

    < body bgcolor = "#FFFFFF" bottommargin = "3" valign = "top" leftmargin = "0" topmargin = "3" marginWidth = "0" marginheight = "0" onLoad = "preloadImages (); ">
    < div align = "center" >
    "< cfinclude template ="... / header.cfm ">"

    < table width = "849" valign = "top" border = "0" cellspacing = "0" cellpadding = "0" style = "" border-top: none; ">"

    any body content goes here

    < /table >

    "< cfinclude template ="... / footer.cfm ">"

    < / body >

    Here is the table header.cfm:

    < table width = "852" height = "133" border = "0" cellspacing = "0" cellpadding = "0" style = "" border-bottom: none; ">"

    the content of the header is here

    < /table >

    I tried a number of different ways to do this, go away. It's just what happens. Someone has ideas how to make this stop and become close to each other?

    Thank you.

    In addition, you need to add

    Display: block;

    for images in the same row.

    Oh, and if you decide that you don't mind not only user-increases in the mess of text with the appearance size, you can also set the attribute vAlign on 'down' instead of the current "top" for cells in this row.

    --

    E. Michael Brandt
    
    www.divahtml.comwww.divahtml.com/products/scripts_dreamweaver_extensions.phpStandards-compliant scripts and Dreamweaver Extensions
    
    www.valleywebdesigns.com/vwd_Vdw.aspJustSo PictureWindowJustSo PhotoAlbum, et alia
    
    --
    
  • White spaces between and vertical shifting of images (and text) as a preview of the browser

    I built my site in Muse, but when I preview the, there are white spaces of different sizes that appear between images and text. In addition, an entire section of the Web site has moved down through an entire page. Here are a few screenshots as I can manage them. Unfortunately it is not yet hosted, so I can't post a link.

    Just a note: I'm build this page of my site as a portfolio to side scrolling. At the beginning of each "page", I added an anchor point, and I've added a 'back to the start arrow' so that the elements of different menu on the far left of the page (at the beginning) a link to their respective 'page' along the portfolio of horizontal scrolling. Similarly, the "back to the start arrow" menu link.  I don't know if this is part of the question, but it seems that it shouldn't be, because I got that simply making the page extremely broad and not very large.

    Here are a few screenshots.

    Inside, Muse:

    Screen Shot 2015-12-22 at 5.10.29 PM.png

    Leave the browser preview:

    Screen Shot 2015-12-22 at 5.09.54 PM.png

    Inside the Muse:

    Screen Shot 2015-12-22 at 5.10.22 PM.png

    Leave the browser preview:

    (Here are two screenshots only because they were separated by white space so that I could not them on the screen at the same time.)

    Screen Shot 2015-12-22 at 5.09.34 PM.png

    Screen Shot 2015-12-22 at 5.09.42 PM.png

    A more. This one shifted downwards, rather than on the side. Note that I did so that the image on the bottom was not attached to a low sticky footer or anything.

    Inside, Muse:

    Screen Shot 2015-12-22 at 5.08.11 PM.png

    Leave the browser preview:

    Screen Shot 2015-12-22 at 5.07.47 PM.png

    Thank you!

    Well well, the standard answer (and I should perhaps store them somewhere as a copy & paste NOTE): you must use groups and other methods of structuring as widgets. Your items may not stick together because they have no container parent to hold them together as in reverse, they can overlap with because they have no logic telling them everything that is left, right, above and below. Muse is not a page layout program and you not post a PDF file where everything is nailed in place. dumping everything on the page without which concerns the way in which it will interact in your browser never gives the result you expect.

    Mylenium

  • White space between the footer and content

    Just when I thought this software started to behave, he does: pages adding plenty of space. I don't have any idea on how to solve this problem. Have tried everything. A last forum mentioned expand the HTML box. I don't know what in the hell that means, but I tried pulling it down to where the dotted line disappears. Does not work. How am I supposed to explain to my client that there is nothing I can do about it, it's just a defect of the software? Someone at - it solutions?

    Attached are two screenshots of a test, one of the design window, a page of the preview area with all the white space that is infuriating. In the other pages there are widgets? I created this master page and test page from within a project of muse with pages that include YouTube and Google map widgets.

    Thank you

    Screen Shot 2014-05-21 at 3.53.25 PM.png

    Screen Shot 2014-05-21 at 3.53.40 PM.png

    Thanks for your suggestions. Unfortunately, none of them worked. However, once I've hunkered down and set about to solve the problem, I indeed understand eventually. The culprit turned out to be the sticky footer is enabled by default in the properties of the site. Unchecking that solved the problem.

    I do thank you for your help.

    TICE

  • White space between the Div tags

    I use DW CS4.  I need to help, reducing the white space between the DIV tags  I have the white space between smaller gray line and my nav bar.  I see all the places where there are margins or padding.  Can anyone help?  Here's the code.  Thank you.

    < body bgcolor = "#CCCCCC" onload = "MM_preloadImages('..)." /_img/HOMEover.jpg ',' /_img/COMPANYover.jpg ','... / _img/PROJECTOR TSover.jpg ', '... CASE STUDIESover.jpg/_img / ','... / CONTACTUSover.jpg/_img ') ">"

    < div id = "container" >

    < div align = "left" >

    "" < p > < img src = "... / _img/Nute_Logo_tag_060612.gif" alt = "logo" name = "logo" width = "113" height = "74" hspace = "5" align = "absbottom" id = "logo" / > < / p >

    < / div >

    < div id = "header" > < / div >

    < div id = "content" > < / p >

    < table border = "0" cellpadding = "0" cellspacing = "0" >

    < b >

    "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'bluebar',", 1) ' onmouseover = "MM_nbGroup ('over', 'bluebar',","1)" onmouseout = "MM_nbGroup ('out')" > < img src = "... / _img/bluebarup.jpg" alt = "" name = "bluebar" width = "118" height = "15" border = "0" id = "bluebar" onload = "" / > < /a > < table >

    "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'Home',", 1) ' onmouseover = "MM_nbGroup ('more', 'Home','... / _img/HOMEover.jpg ',", 1) "onmouseout ="MM_nbGroup ('out')"" > < img src = ""... / _img/HOMEup.jpg ' alt = "Click HOME to go to the home page" name = "home" width = "115" height = "15" border = "0" id = "home" onload = "" / > < /a > < table >

    "< td > < a href =" "javascript:;" target = "_top" onclick = "MM_nbGroup ("down"," group1', 'society', ", 1) ' onmouseover =" MM_nbGroup ('more', 'society', "..") " "(/ _img/COMPANYover.jpg', '', 1)' onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/COMPANYup.jpg "alt ="Click to go to our services COMPANY"name ="company"width ="122"height ="15"border ="0"id ="company"onload =" "/ > < /a > < table >"

    "< td > < a href =" "javascript:;" target = "_top" onclick = "MM_nbGroup ("down","Group 1","projects",", 1) ' onmouseover = "MM_nbGroup ('more', 'projects',..." "(/ _img/PROJECTSover.jpg', '', 1)' onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/PROJECTSup.jpg ' alt = 'PROJECTS click to see our projects' name = 'projects' width = "122" height = "15" border = "0" id = "projects" onload = "" / > < /a > < table > "

    "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'studies',", 1) ' onmouseover = "MM_nbGroup ('more', 'studies,'... / _img/CASE STUDIESover.jpg',", 1) "onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/CASE STUDIESup.jpg "alt ="click on the CASE STUDIES to see examples of projects' name = "added" width = "150" height = "15" border = "0" id = "added" onload ="" / > < /a > < table >

    "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ("bottom", "group1', 'contactus',", 1) "onmouseover =" MM_nbGroup ('more', 'contactus','... / _img/CONTACTUSover.jpg ', ", 1)" onmouseout = "MM_nbGroup ('out')" > < img name = "contactus" src = "... / _img/CONTACTUSup.jpg" border = '0' alt = "" onload = "" / > < /a > < table >

    < /tr >

    "< / table > < img src =" "alt =" "name ="mainphoto1"width ="780"height ="264"id ="mainphoto1"/ >

    Thank you for all your help.  I solved it by adding a padding to my header (grey line).

  • There is white space to the right of my design seen in the portrait on a tablet or a phone

    Hello

    I hope someone can help me with this problem, it happens on many of my sites. When my site is viewed on a tablet in portrait orientation or on a phone, there is a uniform amount of white space on the right side of the screen, even if all the elements are set to 100% width.

    You can see on these sites: www.pfcwine.com or www.tracilane.com

    Note: when I bought form templates some resources out there does not happen, clearly that they have found the solution?

    Any help would be GREATLY appreciated!

    In this case, I would look very closely on 3rd party widgets. Delete one by one and in the air, what is happening.

Maybe you are looking for

  • XP recovery disc does not not on 522n

    Hello, I'm trying to fix HP to my SiL 522n, who was in a continuous boot loop.  I think the HD goes wrong because of other problems, and I would like to replace it.  Before I wanted to make sure I could rebuild a new player installation.  Fortunately

  • Transport jam 6520

    Hello I bought my wife a new printer HP 6520 for Christmas. I tried to put in place today, unpacked, installed the cartridges and then got the error message "clear carriage jam". I tried to do the hard reset and also follow the instructions in previo

  • OfficeJet Pro 6830: Support broken links

    Hello, when I followed the link below I get a blank white page. The browser does not show that it is waiting for more information, or offer to abandon the loadingof page, instead, it shows that it has finished loading the page offering to reload the

  • Movie Maker Music

    When I use music on Movie Maker, it stops at about 7/8 of it is there a way to fix that since I make videos and music videos with music

  • Problem with attribute link data

    I use the quick start model JET of Oracle to play a bit.I wanted to add a switch by using the example in the Cookbook (click).I used a clean 'page' (the ' graphic'). So I copied the HTML code in the graphics.tmpl.html and copied the JS in graphics.js