Good way to give navbar top margin?

Hi!
I'm struggling with a simple issue:
I have a navigation bar inside my wrapper div. I would like to give the navigation bar some top margin to push it down say 10 px from the top of the wrapper div. But the top margin is not working like I would expect.
Here is my code:
<body>
<div id="wrapper">
    <div id="navbar">
    <a href="index.htm">Home</a>
    <a href="products.htm">Products</a>
    <a href="terms.htm">Terms</a>
    <a href="shipping.htm">Shipping</a>
    <a href="about.htm">About us</a>
    <a href="contact.htm">Contact</a>
    </div>
</div>
</body>
#wrapper {
    background-color: #000066;
    min-height:600px;
body {
    margin: 0px;
    padding: 0px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
#navbar {
    background-color: #035665;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
a:link {
    color: #FFFFFF;
a:visited {
    color: #CCCCCC;
#navbar a {
    margin-right: 8px;
    margin-left: 8px;
What is a good way to push my navigation bar down from the top of the wrapper div?

Add padding top 1px to your wrapper css selector (as shown below)
#wrapper {
    background-color: #000066;
    min-height: 600px;
padding-top: 1px;
Then make the top margin on your 'navbar' 19px if you want it to be 20px in total from the top of the browser window.
What is happening is the margin is collapsing and the wrapper is inheriting the style so you need to create a barrier between the two, the 1px padding does this.
Css works in mysterious and not always seemingly logical way.

Similar Messages

  • Anyone know of a way to adjust the top and side MARGINS of a document printed from iOS numbers? The default margins are too wide. Need more working space.

    Anyone know of a way to adjust the top and side MARGINS of a document printed from iOS numbers? The default margins are too wide. Need more working space.

    Open the document,
    Tap the Tools icon (upper right).
    Tap Document Set up.
    Drag the margins to the position you wish (the actual margin width sould display as you are doing this).

  • How to print deposit number in top margin and reset pagination eavh change

    I am using Report Builder 6.0.8.27.0 against a version 10 database
    I have a built a report that works properly. It consists of about 1800 mineral deposits with one main frame cycling on the mineral deposit number and the frame contains a whole bunch of repeating frames containing detail information. Each mineral deposit may be one and 20+ pages long. The report works properly but I need to make the following additions..
    1) At present, the mineral deposit number is only displayed on the first page of the report 'segment'. What I would like to do is have the deposit number displayed in the top margin on each page, next to the title but I am not sure how to do this.
    I began by creating a field in the top margin, but when I change the Source of the Field (in the property palette) to the deposit number (a database field) I get the following error:
    REP-1213: Field 'F-1' references column MDD_NO at a frequency below its group. This is obviously because this is in the margin and the deposit number occurs within the main repeating frame.
    Any suggestions how I might do this - I'm afraid I'm not terribly familiar with reports - and don't have any good reference material at my fingertips. (Only the help files and digging through them is painful - especially when one is not sure what one is looking for.)
    Any help woule be appreciated.
    2) I would also like to create a special page number/sequence where each deposit would have it's own set of pagination
    ie.: Deposit-001 page 1
    Deposit-001 page 2
    etc
    and then reset when the deposit number changes
    Deposit-002 page 1
    Deposit-002 page 2
    Basically, the idea is to restart pagination at each change in deposit number and change the deposit number to the current one. Again, I don't know how to do this.
    The report will appear as a large pdf - which I know has it's own pagination. The reason I want the Deposit number and it's page sequence to appear in the top margin is to make it easier for the client to identify which pages belong to which deposit when they print out and work with 4 or 5 different deposits sets at the same time.
    I realize I can achieve this by printing one pdf for each deposit, but 1800 individual pdf's is a bit much. to handle.
    Thanks for whatever help you can give me
    Glenn

    Hi, 
             just populate ur eventcat  like this , may be this can help u
    form zf_eventcat  using    p_it_eventcat type slis_t_event.
      data l_eventcat type slis_alv_event.
      clear l_eventcat.
    *Get all the events.
      call function 'REUSE_ALV_EVENTS_GET'
        exporting
          i_list_type     = 0
        importing
          et_events       = p_it_eventcat
        exceptions
          list_type_wrong = 1
          others          = 2.
      if sy-subrc <> 0.
        message id sy-msgid type sy-msgty number sy-msgno
             with sy-msgv1 sy-msgv2 sy-msgv3 sy-msgv4.
      endif.
    TOP-OF-PAGE FORM
      clear l_eventcat.
      read table p_it_eventcat into l_eventcat with key
                              name = slis_ev_top_of_page.
      if sy-subrc = 0.
        move 'ZF_TOP_OF_PAGE' to l_eventcat-form.
        modify p_it_eventcat from l_eventcat index sy-tabix
                                             transporting form.
      endif.
    PF_STATUS_SET FORM
      clear l_eventcat.
      read table p_it_eventcat into l_eventcat with key
                              name = slis_ev_pf_status_set.
      if sy-subrc = 0.
        move 'ZF_PF_STATUS_SET' to l_eventcat-form.
        modify p_it_eventcat from l_eventcat index sy-tabix
                                          transporting form.
      endif.
    USER_COMMAND FORM
      clear l_eventcat.
      read table p_it_eventcat into  l_eventcat with key
                               name = slis_ev_user_command.
      if sy-subrc = 0.
        move 'ZF_USER_COMMAND' to  l_eventcat-form.
        modify p_it_eventcat from l_eventcat index sy-tabix
                                          transporting form.
      endif.
    endform.                    " zf_eventcat
    reward if helpful

  • Top Margin Woes: Setting the "Before" Margin for Every Page in a Section

    Hi,
    I've scoured the forums to no avail on this one. I am trying to create a document where the text in Section 1 appears 1 inch from the top of each page and 2 inches from the top of each page in Section 2. Should be pretty straightforward, right? Please tell me it is! I'm using Pages '09 (version 4.0.5).
    Right now, the document margin is set to 1 inch from the Top, so Section 1 is fine. For Section 2, when setting the Before margins after a Layout Break (in the Layout Inspector under the Layout tab), only the first page of that section gets a Before margin of 2 inches. Every page after that in Section 2 is still 1 inch from the top.
    Suggested Workaround Attempted
    I tried the "Move Object to Section Master" workaround, but the menu item "Format > Advanced > Move Object to Section Master" is disabled when performed on an "inline" object, which is what is required to force the text down from the top of each page in Section 2. Turning it into a "floating" object enables the "Move Object to Section Master" menu item, but since it is floating. the text for that section is not pushed down, the rectangle is just displayed in the background of each page in Section 2.
    Any ideas on how to solve my Top margin woes would be much appreciated!

    Hello
    To push a text down in the text body using the clean way which means setting space after, requires that we have already a paragraph which means a chunk of text ended by a paragraph break.
    It's exactly what I do.
    Most of the time, we don't put a paragraph break at the end of a header so it's not a paragraph and so, we can't define the space after value.
    My tip just gives it the status of paragraph allowing me to define space after the clean way. The dirty one was to insert several returns to adjust the height which I carefully rejected.
    It's exactly what we discovered some months ago:
    we can't set space before (above) at top of a page because there is no paragraph before (above) in the page.
    As far as I know, the  "Use Previous Headers and Footers" must always be set correctly. I'm remembering a thread which became huge because the OP can't understand that he had to define these properties correctly to get correct results with his captured pages.
    I wish to add that at this time we don't know exactly what the OP want to achieve.
    Maybe he want to move down the top of the print area and the header.
    You can't do that with your tip.
    With mine, I just insert a paragraph break at the beginning of the header.
    Yvan KOENIG (VALLAURIS, France) vendredi 8 juillet 2011 17:50:30
    iMac 21”5, i7, 2.8 GHz, 4 Gbytes, 1 Tbytes, mac OS X 10.6.8
    Please : Search for questions similar to your own before submitting them to the community
    To be the AW6 successor, iWork MUST integrate a TRUE DB, not a list organizer !

  • Setting different top margin for first page

    I have been trying to set a 5cm top margin for the first page of a thesis chapter and a 2.5 cm top margin for the rest of the pages to conform to requirements. I have set a section break and gone into Inspector to make first page different but I still get any margin changes on the first page through the whole document. I do what HELP says but it isn't working. Anyone help me out before I go troppo?

    The easiest way to do this, especially if all the text ina particular chapter is in the same section, is to just set the 'before' value in the Layout Inspector. As text flows from one page to the next, it will conform to the global setting. If you insert a Section Break, the new section will start on a new page and the first line will be down the same amount as your initial chapter page. If you insert a layout break it will also be moved down that initial amount.
    If you want to capture this behavior you can capture multiple pages to use as well. Some of the preset templates have multiple pages where the first page has different characteristics than the subsequent pages added when oyur text overflows from the first page.

  • Printing pdf files made from Filemaker docs on HP 7410 cuts off top margin

    Just bought a MacBook Pro and jumped from Tiger to Snow Leopard.
    Also bought FileMaker 10 replacing the FileMaker 8.5 I used up till the MacBook Pro purchase and system upgrade.
    Still using the same HP 7410, but during installation, I think I remember upgrading the printer driver. At any rate, this HP Printer is now much more responsive. It was previously very slow.
    When I now save documents printed as pdf's from filemaker (as I used to) and then try to print them on the HP 7410, they open fine in Preview showing the whole page with no text cut off. But when I press Print in preview and I get the HP driver preview of what will print as part of the print dialogue box, it shows the top margin of the page cut off (down to at least 1/2 ") and actually prints that way. Before the switch to Snow Leopard and the MacBook Pro, a top margin of 1/4 " worked fine and printed in pdf docs.
    (top margins of 1/4" on Word & Excel documents I tested still seem to print fine)
    I use the borderless printing work-around, but that seems inelegant. It also takes much, much............much longer to print when it's in that mode (even fast draft).
    Why is this happening?
    Is there a setting I am missing?
    Can this be fixed?
    Steve

    What print driver are you using?
    I set my printer to use the open source Gutenprint driver in place of the one supplied with my printer to resolve an issue I was having - see my post http://discussions.apple.com/thread.jspa?threadID=1626340&tstart=0
    The Gutenprint home page is http://gutenprint.sourceforge.net/index.php3
    Message was edited by: another_steve

  • Good way to start with the learning the 11g concepts

    Hi,
    I have a work experience on the BEA weblogic server 8.1 sp4 on which i have worked for about 2 year now. My current assignment requires working with the Installation/ Development and deployment in the Fusion middleware 11g server. Could some body please suggest me a good way to start with the learning the 11g concepts.
    I understand that all the documentations are available in the Oracle forum, but i want to understand where to start from.
    my core tasks in the assignment would be
    1. installation (OSB on top of WLS).
    2. development/configuration on OSB.
    3. Deployment and administrative tasks.
    regards,
    Prakhar

    Hi thanks for the update. I have been going through the links and found them very useful.
    I have few new doubts.
    In all the tutorials for getting started with the Fusion middleware, the examples which are given use the Oracle JDeveloper extensively. This IDE is used for implementing the BEPL and other important aspects. I found this very similar to the Workshop IDE initially bundled with the BEA-Weblogic 8.1. Is JDeveloper enhanced to accomodate the features of the Weblogic Workshop IDE?
    Also, i need some information regarding the Eclipse IDE which is bundled with the OSB installation. Are there any tutorials available which show how to use the Eclipse IDE with OSB.
    Also, can the Eclipse IDE be used to implement the same set of components which are being developed using the JDeveloper in the tutorials.
    My concern here is i want to know the best way to start with the training/development. I am already familiar with the Eclipse IDE and donot want to switch to the JDeveloped unless it is absolutely necessary. Can one of these IDE be used repeacebly in place of other.
    Please inform me if in case my wuestion is not clear.
    Regards,
    Prakhar

  • How do you make the top margin .5" on page 1 and 1.0" on all of the following pages?

    I have been a PC user since 1987 and find the iWorks programs far less intuitive than the MS Office products.  I have been using a Word doc template, which I customized back in 1990, and all of my client records use this template.  So, as I am converting to Apple, I need to find a way to adapt the iWorks Pages to accomodate my doc needs, if that is possible.  As indicated in the question, I need to set the top margin on page 1 to .5" and, using either a section break or a page break, enable the top margin to be 1.0" on all of the following pages.  I read somewhere on the net that this might be accomplished by using a layout break but, when I tried that, the margins on all pages seemed to still be connected to each other.  Is there a way to accomplish my objective?

    Okay, narrow is narrow.  Just need to make sure we're clear on the point that we're discussing the top and bottom margins. 
    I just found another post that led me to "Defining Layout Margins" in the Pages help files.  Between that post and the information in this help message (specifically item #4), I was able to deduce that Pages does enable me to do exactly what I need.
    1 - set the page margins on page one;
    2 - create a layout break at the bottom of page 1, which will effect the next page;
    3 - with the cursor on page 2, open the inspector;
    4 - go to the layout inspector;
    5 - change the "before" margin.
    In the layout inspector dialog box, "before" = "top" and "after" = "bottom", not as in paragraph or line formatting.  I don't know why it couldn't just say top and bottom.  That would eliminate a lot of confusion.
    This has enabled me to have one top margin on the first page and a different top margin on all other pages. However, as nothing is perfect, this process must be repeated on each page.  A little more work but definitely worth the effort, if you need this type of formatting.  Better than not at all in other words.
    Thanks for your time and help.
    Ross

  • IE9 top margin problem

    Hi All,
    I know this topic has been done to death but I still can't find a fix after many trawling the net.
    The layout consists of a background swf file with html on top of that. The html has a centred div and inside that a floating div that I wanted to contain a horz nav bar.
    I can position where I want by using top margin, looks correct in FF4 Safari Chrome but IE9 positions it at a different height from the top ie in IE9 the nav bar is higher up the page than it should be, have tried all sorts of tweaks but no luck, could someone have a look at this please.
    Thanks in advance
    Pete
    HTML
    <div id="flash">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="FlashID">
        <param name="movie" value="construction-background.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="8.0.35.0" />
        <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don't want users to see the prompt. -->
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        <param name="SCALE" value="exactfit" />
        <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
        <!--[if !IE]>-->
        <object data="construction-background.swf" type="application/x-shockwave-flash" width="100%" height="100%">
          <!--<![endif]-->
          <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
          <param name="swfversion" value="8.0.35.0" />
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          <param name="SCALE" value="exactfit" />
          <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
          </div>
          <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object>
    </div>
      <div id="wrapper">
        <div id="navbar"></div>
      </div>
    CSS
    body {
        margin: 0px;
    #flash {
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 0;
        overflow: hidden;
    #wrapper {
        width: 1200px;
        margin-right: auto;
        margin-left: auto;
        position: absolute;
    #navbar {
        height: 50px;
        width: 750px;
        position: relative;
        background-color: #666;
        margin-top: 450px;

    In it's simplest form, a menu is merely a CSS styled list.  Copy & paste the following code into a new, blank document.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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=iso-8859-1" />
    <title>Untitled Document</title>
    <style type="text/css">
    #navbar {
    background:#999;
    min-height: 75px;
    _height: 75px; /**for pre-IE7**/
    width: 750px;
    overflow:hidden; /**float containment**/}
    #navbar ul,
    #navbar li {
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    font-size: 28px;}
    /**links**/
    #navbar li a {
    display:block;
    color: #FFF;
    text-decoration:none;
    /**space between links**/
    padding: 25px;
    #navbar li a:visited {color: #CCC;}
    #navbar li a:hover,
    #navbar li a:active,
    #navbar li a:focus {
    color: #FFCC00;
    text-decoration:underline}
    </style>
    </head>
    <body>
    <!--insert near the bottom of your page -->
    <div id="navbar">
    <ul>
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Clients</a></li>
    <li><a href="#">Policies</a></li>
    <li><a href="#">Careers</a></li>
    </ul>
    <!--end navbar --></div>
    <div id="footer">
    <p>your footer text goes here</p>
    </div>
    </body>
    </html>
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Is there a way to give a customer a survey while their in the queue

    /* Style Definitions */
    table.MsoNormalTable
    {mso-style-name:"Table Normal";
    mso-tstyle-rowband-size:0;
    mso-tstyle-colband-size:0;
    mso-style-noshow:yes;
    mso-style-priority:99;
    mso-style-qformat:yes;
    mso-style-parent:"";
    mso-padding-alt:0in 5.4pt 0in 5.4pt;
    mso-para-margin:0in;
    mso-para-margin-bottom:.0001pt;
    mso-pagination:widow-orphan;
    font-size:11.0pt;
    font-family:"Calibri","sans-serif";
    mso-ascii-font-family:Calibri;
    mso-ascii-theme-font:minor-latin;
    mso-fareast-font-family:"Times New Roman";
    mso-fareast-theme-font:minor-fareast;
    mso-hansi-font-family:Calibri;
    mso-hansi-theme-font:minor-latin;
    mso-bidi-font-family:"Times New Roman";
    mso-bidi-theme-font:minor-bidi;}
    Is there a way to give customers an option to take a quick survey and not lose their place in queue after the survey is done?
    We are using UCCX 7.0 enhanced.

    What exactly is the point of the survey?
    Do they like the music in queue?
    Does the 'all agents are busy helping other customers, your call is important to us' message sound sincere?
    Does the voice talent have a nice personality?
    I'll be serious now - what are you asking in your proposed survey? Typically we have post call surveys, to ask customers how they found the agent interaction. Not sure what a pre-call survey would be.
    But if you do want this, make sure the prompt is not interruptible.
    Regards,
    Geoff

  • Recording knob and slider movements from an external synth in a good way

    How do I record the knob and fader movements made on an external synth into Logic in a good way?
    I have managed to do it but Logic writes a new region over the top of the region containing my midi notes. When I stop recording the new region which contains the CC data disappears behind the region containing the midi notes.
    On top of this, once I've moved the regions around so I can select the one containing the CC data I can't see anything for it in the Hyper editor (though I know the changes have been recorded as it plays back.)
    Any guidance would be much appreciated.

    I often make a duplicate of my Midi track/Software Instrument track (assigned to the same Audio object - standard KC for this is shift+Return) beneath the original track and then record fader and knob movements on the duplicated track.
    In the Piano Roll->view->Hyper Editor select Modulation/Pitch bend or "Other" and choose a Midi Controller number frome the menue which opens, the selected Controller (e.g.#21) will be displayed underneath the Piano Roll and you can edit it with your pointer/pencil/Eraser tool.

  • Best way to give access on a table

    Guys, i have a requirement by which a SQL server process needs to update a single table within Oracle. What is the most recomended way to give such access ? Is that by creating another user, say XX, granting update on the table to XX and creating private synonym in XX for table A ?
    Or better alternatives ?
    Many thanks in advance
    G

    Guys, i have a requirement by which a SQL server process needs to update a single
    table within Oracle. What is the most recomended way to give such access ? Is that by
    creating another user, say XX, granting update on the table to XX and creating private
    synonym in XX for table A ?This is what we do and I think this is a good approach.

  • Is there a way to give orientation to a Accordion?

    Hi,
    is there a way to give a vertical orientation to the Accordion. I could not find a method like setOrientation or setStyle? Its much nicer if the TitledPane appear from left to right then from top to down.
    Thanks for your help.

    Hi,
    sorry for unclear descripition. This is the very simple code snippet
        SplitPane Content = new SplitPane();
        Content.getItems().add(createTableView());
        Content.getItems().add(createDetails());
        ArtikelTexte = new TitledPane("Artikel Texte", createArtikelTexte());
        TexteDetail = new TitledPane("Texte Detail", createTexteDetail());
        Accordion accordion = new Accordion();
        accordion.getPanes().add(ArtikelTexte);
        accordion.getPanes().add(TexteDetail);
        Content.getItems().add(accordion);
        Content.setDividerPosition(0, 0.33f);
        Content.setDividerPosition(1, 0.66f);So its a SplitPane with 3 items. The last item is a accordion with 2 items. In the accordion the TiteldPanes appear as Title one below the other on top of the SplitPane item.
    When you press on that tiny arrow it opens. The TitledPane expand from top to down.
    Now what i am looking for is. The Titel should appear in the left area one beside the other in that SplitPane item. And they should expand from left to right.
    Hope this makes it clear. Thank you!

  • When I open a new link and then switch back to the original page why does it go all the way back to the top of page?

    Scroll to the middle or bottom of a page with many links (like ebay) then close the link and when it returns to original page you are sent all the way back to the top of the page, why does it not switch back to the area of the page I was originally viewing?

    Try here:
    Tools > Options > Applications
    Enter JPEG into the search box and change any that say "Save file" to "Always ask".
    Does it work?
    Edit: Forgot one other relevant setting. On:
    Tools > Options >General tab
    pick "Always ask me where to save files"
    All good now?

  • Word ole2 top margin

    Hello,
    I am creating a word doc using ole2 and all works fine exept one detail:
    word document contains several blank rows as top margin.
    I would not like to have a top margin.
    Any idea?

    I would like to know in brief about the way you have achived it, I am a new to OLE and try to do the same.
    Regards,
    Dantham Conpolwedson

Maybe you are looking for