Gap between form and footer

I am currently of the difficulty to understand why there is a gap between this form of rectangle and the footer. I messed around with the ect heights and the only way that the form would work was when I dragged on the footer and then it properly aligned.

It's what I want (in design mode).

Screen Shot 2013-10-30 at 00.05.59.png

That's what happens in preview mode;

Screen Shot 2013-10-30 at 00.06.16.png

Is this something really simple to do with the height of the page footer /? I want just the rectangle to align the footer which will serve as a body for the main content.

Thanks in advance for any help.

See you soon.

Hello

Please, go to file-> Site properties and disable "Sticky Footer" and see if that solves the problem for you.

See you soon

Parikshit

Tags: Adobe Muse

Similar Questions

  • Footer with the page content looks fine in preview, but additional space is added between picture and footer when seen in browsers - not on all pages

    Hi - I have checked the master page and looked for anything that could affect the spacing between picture and footer without results.

    Read the other queries about foot of page/spacing problems and cannot find a solution.  Web site - www.davidwoulddesign.co.uk

    Mac OS 10.10.1

    Home - screenshots Preview in the version of Muse and browser

    Muse Priview.jpg

    Browser view.jpg

    Hi David,

    Thanks for your help.

    I think you are right with your assessment, I forget on this subject for now and will check my Safari preferences at a later date. I'm assuming that my pages appear as it should!

    Thanks again,

    David W

  • Difference between 'Form' and 'object '.

    I am writing today a guide in my native language and want to understand the difference between 'Object' and 'Form' for Illustrator. We have menu object in the Panel and can find a few options of forms under this menu.

    Also we program this object is:

    In computing, an object can be a variable, a data structure, a function or a methodand as such, is a location in memory value and possibly referenced by an identifier.

    In class-based object-oriented programming paradigm, 'object' refers to an instance of a class where the object can be a combination of data structures, functions, and variables.

    Relational database management, an object can be a table or column or an association between data and entity of database (such as the age of a person concerning a particular person). [1]

    So my question is: If we create a form in artificial intelligence can we call it 'object' and vs. ?

    There is menu item "Create object mosaic" option which works only with raster images. This is why any other object in artificial intelligence is not object?

    Thank you

    "In illustrator is an 'Application based on the objects' any item placed in the drawing area that you can select is called" object "where as".

    a form is an object of two dimension.

    We could say : each form is an object , BUT not every object is a form.

  • Unexpected gap between text and image.

    I met an obstacle light on my Web page: http://www.peterforkes.com/test >.

    If you scroll down, you will see the sending of the text box and then there is a gap and then there is the image that I had to be tied against the background of the text.  Unfortunately, there is a creeping pit that I can't understand ho out of the WTO.

    Can anyone offer advice as to why this gap is where and (especially) how do I get rid of him?

    Thank you.

    You have defined a bottom margin: 15px; in the 'content' css selector (see below). Change to 0px and the gap will disappear.

    #content {}
    top of the margin: 15px;
    left margin: 20px;
    right margin: 20px;
    margin-bottom: 15px;
    padding: 0px;
    }

  • Captivate 8 - small gaps between objects and the end of the slide?

    Hello

    I have a selection of objects on a slide and have noticed that there is a very small gap (less than 0.1 seconds) between some of them and the end of the slide.  This applies only to certain objects. All objects are set to falter (via the timing tab) and the deficiencies mean they fade sometimes slightly different, which is really irritating.  This seems to happen even if I manually set the timings of the object (again via the timing tab) so that each object must be on the slide for exactly the right amount of time.

    Has anyone seen this problem before?  If so, is there a way to bypass?

    Thank you!

    Gaps.png

    Gaps2.png

    I figured out, and now I feel very stupid!

    The problem with objects is not the tail was because I changed the zoom on the timeline, from 100 to about 80%.  Return to 100% causes the objects to align again.

    The problem with the objects fading out at the wrong time was not related and because I had accidentally changed the duration of the effect of 0.5 second to 0.1.

    Thanks for your help anyway!

  • Need help - gap between the copyright & footer

    I have a white space between the orange walk and the black box of the fair copyright above. I changed the 10 px 0 px and back to 10 px padding when he did nothing.


    I know I'm missing something simple. Can someone take a look and help out. Thank you.

    HTML code:

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

    " < html xmlns =" http://www.w3.org/1999/xhtml ">

    < head >

    < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

    <!-TemplateBeginEditable name = "doctitle"-->

    < title > Untitled Document < /title >

    <! - TemplateEndEditable - >

    <!-TemplateBeginEditable name = "head"->

    <! - TemplateEndEditable - >

    < style type = "text/css" >

    <!--

    {body

    Police: 100% / 1.4 Verdana, Arial, Helvetica, without serif.

    background-color: #4E5869;

    margin: 0;

    padding: 0;

    Color: #000;

    }

    / * ~ ~ Tag of the element selectors ~ ~ *.

    UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */

    padding: 0;

    margin: 0;

    }

    H1, h2, h3, h4, h5, h6 {p}

    margin-top: 0;           / * remove the top margin works around a problem where margins can escape from their container div. The margin of the low rest it will take away from all of the following items. */

    padding-right: 15px;

    padding-left: 15px; / * adding padding to the sides of the elements in divs, instead of divs themselves, gets rid of any mathematical model of box. A div nested with side pads can also be used as an alternative method. */

    }

    an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}

    border: none;

    }

    / * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */

    a: link {}

    color: #414958;

    text-decoration: underline; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.

    }

    a: visited {}

    color: #4E5869;

    text-decoration: underline;

    }

    a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}

    text-decoration: none;

    }

    / * ~ ~ This container surrounds all the other div tags giving them their percentage width ~ ~ * /.

    . Container {}

    Width: 80%;

    Max-width: 1260px; / * a max-width may be desirable to keep this provision to become too wide on a big screen. This keeps the more readable line length. IE6 does not respect this statement. */

    min-width: 780px; / * a min-width may be desirable to keep this provision to become too narrow. This keeps the more readable line length in the side columns. IE6 does not respect this statement. */

    background-color: #FFF;

    margin: 0 auto; / * set to auto on the sides, coupled with the width available to the centres. It is not necessary if you set the width of the .container to 100%. */

    }

    / * ~ ~ the header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked ~ ~ * /.

    . Header {}

    background-color: #6F7D94;

    }

    / * ~ ~ It's layout information. ~~

    (1) padding is only placed on the top or the bottom of the div. The items in this div have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.

    */

    . Happy {}

    padding: 10px 0;

    color: #FFF;

    }

    / * ~ ~ This group selector gives the lists in the domain content space ~ ~ * /.

    . Content ul, ol {} content

    padding: 0 15px 15px 40px; / * This padding reflects the right padding in the titles and the paragraph above net. Padding was placed on the bottom for the space between the other elements in the lists and on the left to create the withdrawal. These can be adjusted as desired. */

    }

    / * ~ ~ Footer ~ ~ * /.

    .footer {}

    background-color: #b27300;

    Clear: both;

    padding-top: 10px;

    padding-right: 0px;

    padding-bottom: 10px;

    padding-left: 0px;

    }

    {.copyrightblack}

    background-color: #000;

    height: 50px;

    Width: 1260px;

    make-weight: bold;

    text-transform: uppercase;

    text-decoration: none;

    vertical-align: middle;

    do-family: "Helvetica Neue";

    do-size: 16px;

    Bottom: 0px;

    position: relative;

    }

    / * ~ ~ various float/clear classes ~ ~ * /.

    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */

    float: right;

    left margin: 8px;

    }

    .fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */

    float: left;

    right margin: 8px;

    }

    .clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (in the #container) if the #footer is removed or put out the #container * /}

    Clear: both;

    height: 0;

    font size: 1px;

    line-height: 0px;

    }

    . Container content p {}

    do-family: "Helvetica Neue";

    }

    . Container content p {}

    make-weight: bold;

    Color: #000;

    }

    . Container content table tr td div {}

    color: #FFF;

    make-weight: bold;

    }

    ->

    < / style >

    < / head >

    < body >

    < div class = "container" >

    < div class = "header" > <! - end .header - >

    < div class = "content" id = "copyrightblack" > < / div >

    < / div >

    < div class = "content" >

    < p > <! - end content - >

    <!-->

    < /p >

    <!-TemplateBeginEditable name = 'content'->

    < /p > < p > content

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    <! - TemplateEndEditable - >

    < p > < / p >

    < div class = "copyrightblack" >

    < div align = "center" > © 2013 NDP < / div >

    < / div >

    < / div >

    < div class = "footer" >

    < p > < / p >

    <! - end .footer - > < / div >

    <! - end .container - > < / div >

    < / body >

    < / html >

    It is the padding here

    . Happy {}

    color: #FFFFFF;

    padding: 10px 0;

    }

    You should also reduce the width of 1260 here to 805

    {.copyrightblack}

    background-color: #000000;

    bottom: 0;

    do-family: "Helvetica Neue";

    do-size: 16px;

    make-weight: bold;

    height: 50px;

    position: relative;

    text-decoration: none;

    text-transform: uppercase;

    vertical-align: middle;

    Width: 1260px;

  • How can I erase the free space between content and footer?

    Reviewing a site of Muse, I removed some content from one of the pages and revised content that remained on the page. Now, I have an empty area between the top of the foot of page and revised content, and I can't seem to get rid of the empty space. It does not appear that there are blocks of text or other images in this area, so I can't find all the objects to delete. Help?

    The site is currently published in project to review the customer mode. You can look at it in the: http://page7creative.com/clients/coremove_jun2012draft/retreats.html. The page in question is retirees. Restart the Muse made no difference. I'm working on the Mac platform.

    Before I sent this message, I decided to try to create a new page, copy and paste the contents to the new page, then save the Muse site under a different name. And here, the page (and site) works as it should... without any extra space above the footer on this page. It seems that something is missing when I deleted the content of this page. Can I use the new page for the site work properly, but decided to go ahead and send this message so that you can look at the code of the page and maybe see what is the problem that is causing the empty space... in case that I'll never meet that again.

    Thank you.

    pyxis83

    Thank you for sending your file.

    There is a chart at the bottom of the content area of the retirees page that is cropped to a size of zero width and 2 pixels in width.

    Unfortunately, there is a bug with pointer tool drag selection (aka brand) that prevents an item selection that has zero width or height of zero. This is why the best way to select this option to remove must choose any other element on the page, and then press tab repeatedly to scroll all the items on the page. When you get to this point, you should see a small bunch of selection handles on the left edge of the third column and at the bottom of the content area. The width and height will be displayed under zero and 2. Delete this and the page will be resized according to the remaining content.

  • iPhone 6: gap between logic and the back casing?

    Short version of the question:

    Is there a small space between the logic board and the case back? Or the logic board is based directly on the back casing?

    Long version:

    There is a small hollow at the back (about a 10th of a millimeter) - dealing with the location of the logic board. Could that have damaged the system board?

    In my case the iPhone stopped working about 4 months after the appearance of the tooth. I was updating to the most recent (9.3.2) iOS and then wifi stopped working (in gray). Reset, restore and downgrade back to iOS 9.3.1 didn t solve the problem, so I updated to iOS 9.3.2. After this wifi update yet luckily work. Then I unplugged the computer and after a few seconds it turns off its own. When I tried to restart it, it got stuck in the start screen. I restored it again, wifi still doesn't work do not. I turned it off but it is stuck in start again everything trying to restart.

    The Apple-entrepreneur who sold me the Unit 5 months ago, accusing all 4 months 10 old of a dent deep millimeter on the rear housing. They came to this conclusion with the research outside of the phone. Nobody took part to check whether this conclusion is in fact real or not.

    Thanks for your help!

    Drop the phone can damage the material inside the device, which may result in hardware failures.

    But, given that users are not supposed to open the phone, it is rather difficult to say where the exact location of the logic board is or should be.

    Maybe you should consider another Apple authorized service provider and have them check the phone, or visit an Apple Retail Store near your place.

    But, because dropping the phone is not covered by the warranty, you will need to pay for it or their replacement.

    Find an Apple authorized service provider

    Make an appointment at the Apple Store

  • Archives newspapers gap between primary and Standby.

    Hi the gods s/n,.

    We had a shipment of newspapers reporter last night of primary DB DB (Oracle 10.2.0.5) on hold because of usage of network issue. And today morning even once, we allowed log shipping.

    But when checking for synchronization, we found that there were archive gap the query log in the Standby below.

    SELECT high.thread #, "LowGap #", "HighGap #" FROM)

    SELECT thread #, MIN(sequence#)-1 "HighGap #

    Of

    (

    SELECT a.thread #, a.sequence #.

    Of

    (

    SELECT *.

    V $ archived_log

    ) a,            (

    SELECT thread #, gap1 MAX (next_change #)

    V $ log_history

    GROUP BY thread #.

    ) b

    WHERE a.thread # = b.thread #.

    AND a.next_change # > gap1

    )

    GROUP BY thread #.

    ),.

    (

    SELECT thread #, MIN(sequence#) ' LowGap #

    Of

    (

    SELECT thread #, sequence #.

    V $ log_history, v$ datafile

    WHERE the checkpoint_change # < = next_change #.

    AND checkpoint_change # > = first_change #)

    GROUP BY thread #.

    ) low

    WHERE low.thread # = high.thread #;

    OUTPUT:

    THREAD # LowGap # HighGap #.

    ---------- ---------- ----------

    1 23635 23640

    I'm newbie DBA and struggling to get the solution. Google but could not find any exact solution I can't risk my DBs Production. No help from this professional forum Oracle would be great.

    How to get the above missing sequence in the standby and get synchronized with the primary?

    Kind regards

    Ritu

    Yes... what appears to be the case.

    You can also use the following to check:

    list backup of archivelog sequence = 23636;
    

    and it should return a message like "specification does not backup.

    It looks like an incremental backup will be your best bet.

  • Switch between Forms and detail items in an accordion panel

    Hello

    I have a panel accordion who currently holds two showDetailItems. Each showDetailItem has a shape. I use a new form entering data of an object, and the other is for editing the objects in a table (on the page).

    When a form is disclosed, and I do not enter all fields in the form, when I try to click on the other showDetailItem, I think postings saying that values are required on all fields.

    I know that if I uncheck the "Mandatory" in the evaluation office, that this issue would be resolved, but the thing is I want to do this, because I don't want mandated validations.

    I don't want these changes to trigger when I switch out of shape and move to another.

    I wish the validations to run only when the user clicks on the button 'submit' I have on each of the forms, not on lost focus.

    Anyone know how I can accomplish this?

    Published by: JRolls on August 16, 2010 07:29

    Hello:
    If my answer is correct, you mark my answer as "Correct".

    Thank you
    Alex

  • How can I get rid of the gap between pages?

    I have already disabled the show gaps between pages and it's still there. Very frustrated. Can someone help me with this problem? Any help is appreciated, thanks in advance.

    Hi Mike,.

    Open Acrobat Reader

    Uncheck view > Page display > show variation between Pages

    This will just see the line between dotted only and not apart.

    Thank you

    Abhishek

  • Gap between the header and spry menu bar (school project)?

    Hello I have a project for school and they want me to a dw premade layout html, with a header image, and a spry menu bar located in the header. Which I did, but there is this small gap between the header image and the spry menu bar and the header that I can't get rid of. There is no additional line break tag or paragraph in there, I have NO idea what is wrong, please help if you know. Thank you.

    Joint below is code html and css. Sorry there all text in dw premade in there too. Basically, I have also attached the css external to the spry menu bar, and the page just in case.

    <! DOCTYPE HTML >

    < html >

    < head >

    < meta charset = "UTF-8" >

    < title > Rapids Transit - Buffalo River Outfitters < /title >

    < link href = "css/rapids_transit.css" rel = "stylesheet" type = "text/css" > "

    < style type = "text/css" >

    <!--

    {body

    Police: 100% / 1.4 Verdana, Arial, Helvetica, without serif.

    Background: # 42413;

    margin: 0;

    padding: 0;

    Color: #000;

    }

    / * ~ ~ Tag of the element selectors ~ ~ *.

    UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */

    padding: 0;

    margin: 0;

    }

    H1, h2, h3, h4, h5, h6 {p}

    margin-top: 0;     / * remove the top margin works around a problem where margins can escape from their container div. The margin of the low rest it will take away from all of the following items. */

    padding-right: 15px;

    padding-left: 15px; / * adding padding to the sides of the elements in divs, instead of divs themselves, gets rid of any mathematical model of box. A div nested with side pads can also be used as an alternative method. */

    }

    an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}

    border: none;

    }

    / * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */

    a: link {}

    color: # 42413.

    text-decoration: underline; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.

    }

    a: visited {}

    color: #6E6C64;

    text-decoration: underline;

    }

    a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}

    text-decoration: none;

    }

    / * ~ ~ This container fixed-width surrounds the other div ~ ~ * /.

    . Container {}

    position: relative;

    Width: 960px;

    Background: #FFF;

    margin: 0 auto; / * set to auto on the sides, coupled with the width, the layout centres * /.

    }

    / * ~ ~ the header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked ~ ~ * /.

    . Header {}

    background-color: #fff;

    padding-right: 5px;

    padding-left: 5px;

    }

    / * ~ ~ It's layout information. ~~

    (1) padding is only placed on the top or the bottom of the div. The items in this div have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.

    */

    . Happy {}

    padding-top: 10px;

    padding-right: 0;

    padding-bottom: 10px;

    padding-left: 0;

    }

    / * ~ ~ Footer ~ ~ * /.

    .footer {}

    padding: 10px 0;

    background: #CCC49F;

    }

    / * ~ ~ various float/clear classes ~ ~ * /.

    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */

    float: right;

    left margin: 8px;

    }

    .fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */

    float: left;

    right margin: 8px;

    }

    .clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (in the #container) if the #footer is removed or put out the #container * /}

    Clear: both;

    height: 0;

    font size: 1px;

    line-height: 0px;

    }

    ->

    < / style >

    < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "

    < link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" > "

    < style type = "text/css" >

    {#river_level}

    position: absolute;

    left: 500px;

    top: 325px;

    Width: 245px;

    height: 80px;

    z-index: 1;

    background-color: #ffcc33;

    border-top-style: inset;

    border-right-style: inset;

    border-bottom-style: inset;

    border-left-style: inset;

    border-bottom-color: #960;

    border-right-color: #960;

    border-bottom-color: #960;

    border-left-color: #960;

    text-align: center;

    do-family: Verdana, Geneva, without serif.

    font-size: medium;

    }

    < / style >

    < / head >

    < body >

    < div class = "container" >

    < div class = "header" > < a href = "#" > < img src = "assets/rt_banner.jpg" alt = "Banner Rapids Transit" width = "950" height = "120" / > < / a > "

    < ul id = "MenuBar1" class = "MenuBarHorizontal" >

    < li > < a href = "index.html" > home < /a > < /li >

    < li > < a href = "guides.html" > our Guides < /a > < /li > ""

    < li > < a href = "rates.html" > rates < /a > < /li > ""

    < li > < a href = "lodging.html" > Lodging < /a > < /li > ""

    < li > < a href = "before.html" > Before You Go < /a > < /li > ""

    < /ul >

    <! - end .header - > < / div >

    < div class = "content" >

    < p align = "left" class = "body_text" > welcome to rapid Transit. We are a rental service and canoe river guide located on the banks of the beautiful Buffalo River to Gilbert (Arkansas). We also offer kayak and raft rental. Our experienced guides will be pleased to offer trips on the river suitable for all levels - from beginner to expert. They will also be pleased to accompany you all the way! Stop at our country store and pick up your picnic supplies in the process of disappearance. We will even Pack it for you in airtight containers. (Just a precaution!) Call us to make your reservations. < /p >

    < p align = "left" class = "contact_info" > Rapid Transit < br / >

    Highway 55 North < br / >

    Gilbert, Arkansas 75497 < br / >

    (555) 365-5228 < br / >

    < a href = "mailto: " [email protected] ' > Mike Andrew < /a > < /p > .

    < h1 > < / h1 >

    <! - end content - > < / div >

    < div class = "footer" >

    < p > < em > Copyright 2000 - 2012 < br / >

    Last updated on

    <!-#BeginDate format: Am1-10 April 2012 > <!-#EndDate->

    You < /i > < / p >

    <! - end .footer - > < / div >

    <!-end .container-> < div id = "river_level" > current River Conditions: < br >

    good floating today < br >

    with a few spots of class II < / div > < / div >

    < script type = "text/javascript" >

    var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})

    < /script >

    < / body >

    < / html >

    -------------------------------------------------------

    ALSO, HERE IS MY EXTERNAL STYLESHEET

    {.body_text}

    do-family: Arial, Helvetica, without serif.

    do-size: 14px;

    make-style: normal;

    }

    {.paragraph_header}

    do-family: Arial, Helvetica, without serif.

    do-size: 14px;

    make-style: normal;

    make-weight: bold;

    color: #036;

    }

    {.contact_info}

    do-family: Arial, Helvetica, without serif.

    do-size: 14px;

    make-style: italic;

    Color: #000;

    }

    -----------------------------------------------------

    HERE'S MY SPRY MENU BAR CSS TOO

    @charset "UTF-8";

    / * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.

    / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

    /*******************************************************************************

    The AVAILABLE INFORMATION: Describes the box model, positioning, the order

    *******************************************************************************/

    / * The outermost container for the menu bar, an area of width auto without margin or padding * /.

    UL. MenuBarHorizontal

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    do-size: 14px;

    cursor: default;

    Width: auto;

    do-family: Arial, Helvetica, without serif.

    }

    / * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */

    UL. MenuBarActive

    {

    z-index: 1000;

    }

    / * Menu item containers, position of children relative to this container and are a fixed width * /.

    UL. MenuBarHorizontal li

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    do-size: 100%;

    position: relative;

    text-align: center;

    cursor: pointer;

    Width: 190px;

    float: left;

    height: 25px;

    }

    / * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.

    UL. MenuBarHorizontal ul

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    do-size: 100%;

    z index: 1020;

    cursor: default;

    Width: 8.2em;

    position: absolute;

    left:-1000em;

    }

    / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.

    UL. MenuBarHorizontal ul. MenuBarSubmenuVisible

    {

    left: auto;

    }

    / * Container of menu items are same fixed width parent * /.

    UL. MenuBarHorizontal ul li

    {

    Width: 8.2em;

    }

    / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.

    UL. MenuBarHorizontal ul ul

    {

    position: absolute;

    margin:-5% 0 0 95%;

    }

    / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.

    UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible

    {

    left: auto;

    top: 0;

    }

    /*******************************************************************************

    INFORMATION DESIGN: Describes the set of colors, borders, fonts

    *******************************************************************************/

    / * Submenu containers have borders on all sides * /.

    UL. MenuBarHorizontal ul

    {

    border: 1px solid #CCC;

    }

    / * Menu items are a light grey block with padding and no text decoration * /.

    UL. MenuBarHorizontal a

    {

    display: block;

    cursor: pointer;

    background-color: #2E9712;

    Padding: 0.5em 0.75em;

    color: #fff;

    text-decoration: none;

    }

    / Components menu that have mouse over or focus have a blue background and white text * /.

    UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus

    {

    background-color: # 33;

    color: #FFF;

    }

    / * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.

    UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible

    {

    background-color: #3FA7A8;

    color: ##ffffff;

    }

    /*******************************************************************************

    Submenu INDICATION: styles if there is a submenu in a given category

    *******************************************************************************/

    / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

    UL. MenuBarHorizontal a.MenuBarItemSubmenu

    {

    background-image: url (SpryMenuBarDown.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

    / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

    UL. MenuBarHorizontal ul a.MenuBarItemSubmenu

    {

    background-image: url (SpryMenuBarRight.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

    / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" 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: 50 95%;

    }

    / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" 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: 50 95%;

    }

    /*******************************************************************************

    BROWSER HACKS: hacks below should not be changed, unless you are an expert

    *******************************************************************************/

    / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.

    UL. MenuBarHorizontal iframe

    {

    position: absolute;

    z index: 1010;

    Filter:alpha(opacity:0.1);

    }

    / * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.

    @media screen, projection

    {

    UL. MenuBarHorizontal li. MenuBarItemIE

    {

    display: inline;

    f\loat: left;

    Background: #FFF;

    }

    }

    Add the below css to your styes css selector:

    . Header img {}

    display: block;

    }

    Change your padded 30px high 'content' css selector and also include clear: both; (as shown below).

    . Happy {}

    padding-top: 30px;

    padding-right: 0;

    padding-bottom: 10px;

    padding-left: 0;

    Clear: both;

    }

  • How to decrease the spacing between shapes and move the form to the top, what model creation brush?

    Hello world

    I am trying to create an external border for some tires and have a few questions about the model of brush.

    I created a solid form and then, with her, a brush model. But I don't want all this spacing between shapes, so is there a way to get rid of the spacing or DECREASE spacing altogether. Currently, it is set at 0%.

    Also, is there a way to raise the forms so that the basic lines of form are placed outside of the ellipse that is drawn? See first image below in the middle of forms at the intersection with the outline of the ellipse drawn.

    Thanks in advance :)

    Screen Shot 2013-06-18 at 3.12.12 PM.jpg

    Return to the brush model.

    1. drag the brush from the Panel forms.

    2. with the direct Selection tool or in, select the Panel layers no filling / n ° rectangle race which is located at the back of this group of brush.

    3. adjust (reduce) the width of the rectangle until you find a size that produces the desired gap.

    4. Select the shape of the brush and the no fill / no rectangle STROKE, Opt/Alt-drag on top of the original brush in the Panel shapes.

    Trial and error is valuable here until you see how it works. or you can use specific values.

    To align the bottom edge of the brush with the path:

    With no filling/no STROKE rectangle selected, as indicated above, move it down so that its horizontal axis coincides with the lower edge of the shape of the brush, then Opt/Alt-drag the brush and rectangle again in the Panel forms.

    Edit: As says Monika.

  • Variable space between tables of body and footer.

    Hello world

    I have an order report that contains a table into the header, another table of body and the table in the footer. For the header/footer, I created templates and call using call: header and footer: call.

    When the order has about 100 lines, it is printing in 10 pages. and on each page, I see a variable gap between tables in body and footer. some times, the two are overlapping. How can I avoid this? I can send files if wants that whole body.

    I sent you the modified model. Please take a look.

    Thank you!

  • U2415, around the gap between the Windows desktop and the edge of the monitor (bezel)

    Hello

    I have a Dell Ultrasharp U2415. I've read all the FAQS and I know I have to perform the SUBMISSION, but before doing so, I just want to know if it is normal to have a gap between the Windows desktop and the edge of the screen. If the Windows desktop is not covering or fill the entire screen. There all around the smaller than a 1/4 "gap between the edge of the windows desktop on the edge of the bezel of the monitor, and this model has almost no bezel. The graphics settings in Windows 10 are set to use the native resolution of 1920 x 1200 monitor. I tried with different computers (all windows 10), and the drivers are up to date. The monitor is connected via HDMI since I don't have portable computers not with DP interfaces. Laptop computers have Intel and ATI video cards. I have check the put option to scale on the video card software and it is set to 100%. So, is this gap normal? Is the edge Office Windows 10 supposed to touch the physical edge of monitors?  If the gap is not normal, I will perform the integrated test.

    TIA!

    Based on the YouTube comments, which seems to be normal. "But you must run the APPLICATION to see if the"smaller than 1/4"gap" appears. If Yes, then we can say that it is normal. If this is not the case, then some settings of the operating system is the culprit.

Maybe you are looking for