Displays an entry in the bottom navigation bar...

Hi all -

Forgive me, I'm not very good with the APEX templates and these right away - but I was hoping someone could give me a quick tutorial on how to move a navigation bar entry to the bottom of the screen?

Specifically - I use built-in theme #2, blue Builder - and I'm using the "two level tabs - Right Sidebar (optional / table-based)" page template.

I added an entry on navigation of Feedback (from team development) bar, but I want to put in the bottom footer of all screens section. I don't want the space of the navigation bar on the top, as my application is embedded in another application (so also, I do not show the link navbar Welcome_user or disconnection).

Any thoughts on what to move in patterns to make this happen?

Thank you very much!

David

David

Pass the substitution string#NAVIGATION_BAR # substitution string in the page template to the position in the definition of footer that you want it to appear. (You can check the positioning using the Preview icon in the model report).

Tags: Database

Similar Questions

  • How to display multiple windows next to each other on top of the other in the bottom task bar

    When I open a new Firefox window, he stacked it on top of all others in the taskbar at the bottom. I wish they were next to each other. He used to do this. Now, I have to hover over the element ONLY Firefox in the bottom task bar and read the list to find the one I want to go to. It is a waste of time and tedious.

    How can I change this?

    I think that this is governed by your general taskbar setting. Please see the screenshot joint. To get this dialog box, right-click an empty area of the taskbar, and then choose Properties.

  • Make the fixed Navigation bar drop Menus still appear on the top

    You can see my problem here

    Using Dreamweaver - how do the fixed Navigation bar down Menus still appear on the top - YouTube

    I'm not too familiar with dreamweaver and don't know how to ask this question or even don't know where is the problem. I did the navigation bar have a fixed position, but the rest of the items would appear on top of the value net asset bar when I scrolled down. How to make the navigation bar always be above all down the screen so the menus and submenus appear always on top?

    CSS STYLESHEET

    {body

    background-color: #191919;

    do-size: 12px;

    do-family: Arial;

    line-height: 23px;

    color: #fff;

    }

    IMG,

    #logo,

    #smallphone,

    #bigphone,

    touch,

    a,

    H3,

    #slidernav li,

    #computer,

    #footer,

    #footer img,

    .smalllogo,

    .learnmore,

    {#submit}

    behavior: url(javascript/iepngfix.htc)

    }

    /* ---------- Hack ---------- */

    .stripNavL, {.stripNavR}

    display: none;

    }

    .stripNav a {}

    text-indent:-9999px;

    }

    {#stripNav0}

    Width: 200px;

    }

    {.stripNav}

    Width: 200px! important;

    }

    .stripNav ul li {}

    margin-left: 10px;

    }

    .stripNav ul {}

    float: right! important;

    }

    {.clearfix}

    Display: inline-block; }

    . Clearfix: after {}

    "content: » ;

    Display: block;

    height: 0;

    Clear: both;

    visibility: hidden; }

    / * Hide IE Mac * /.

    . Clearfix {display: block ;}}

    / * End hide IE Mac * /.

    /* ---------- Typo ---------- */

    {small

    display: block;

    margin: 10px 10px 0 0;

    color: #6fcad7;

    text-transform: uppercase;

    make-weight: bold;

    }

    {small .entry-block

    make-weight: normal;

    text-transform: none;

    }

    {p}

    color: #FFFFFF;

    }

    a, {.link

    color: #6fcad7;

    text-decoration: none;

    }

    H1 {}

    text-transform: uppercase;

    font size: 16.5px;

    color: #FFFFFF;

    do-family: Arial;

    }

    H2 {}

    text-transform: uppercase;

    font size: 36.5px;

    color: #6fcad7;

    padding-bottom: 15px;

    Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

    }

    {.nodivider}

    background-image: none;

    }

    H3 {}

    text-transform: uppercase;

    font size: 16.5px;

    height: 30px;

    color: #6fcad7;

    padding: 5px 0px 0px 35px;

    Background: url (.. / images/icon11.png) left no-repeat;

    }

    H4 {}

    font size: 24 PX.

    color: #6fcad7;

    display: block;

    margin: 20px 0 0 0;

    }

    {.description_p}

    color: #ffffff;

    Padding: 15px 0px;

    Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

    }

    .Icon1, .icon2, .icon3 {}

    color: #ffffff;

    }

    {.icon1}

    Background: url (.. / images/icon9.png) left no-repeat;

    }

    {.icon2}

    Background: url (.. / images/icon11.png) left no-repeat;

    }

    {.icon3}

    Background: url (.. / images/icon10.png) left no-repeat;

    }

    .footerblog a {}

    color: #FFFFFF;

    text-decoration: none;

    margin: 20px 15px 0px 0px;

    }

    .footerblog a: hover {}

    color: #6fcad7;

    }

    {.footerblog}

    margin-bottom: 5px;

    font size: 15px;

    }

    #footer p {}

    color: #a4a4a4;

    do-size: 10px;

    }

    /* ---------- Logo ---------- */

    #logo {}

    float: left;

    Padding: 12px 0px 0px 10px;

    }

    /* ---------- Slider ---------- */

    {#topcontent_wrap}

    background-color: #0 d 7483;

    overflow: hidden;

    }

    {#topcontent}

    Width: 940px;

    margin: 0 auto 0 auto;

    overflow: hidden;

    Padding: 50px 50px 0 0;

    }

    {#info}

    float: right;

    Width: 550px;

    Padding: 0px 0px 0px 35px;

    }

    {#infoleft}

    float: left;

    Width: 550px;

    Padding: 0px 0px 0px 35px;

    }

    {#infoleftsmall}

    float: left;

    Width: 300px;

    Padding: 0px 0px 0px 35px;

    }

    . Video {}

    float: right;

    top of the margin: 45px;

    }

    . Video a {}

    text-decoration: none;

    color: #FFFFFF;

    }

    . Video: hover {}

    color: #6fcad7;

    }

    {.screenshotsfeatures}

    margin: 20px 10px 0px 0px;

    overflow: hidden;

    }

    {.screenshots}

    Width: 300px;

    float: left;

    }

    .the {}

    left margin: 20px;

    float: left;

    }

    .screenshots li {}

    display: block;

    Width: 71px;

    height: 57px;

    Background: url (.. /images/screenshot-BG.jpg top) left no-repeat;

    float: left;

    Padding: 7px;

    margin: 0px 10px 10px 0px;

    }

    . List {}

    Background: url (.. /images/features-BG.jpg top) left no-repeat;

    Width: 196px;

    height: 96px;

    top of the margin: 9px;

    Padding: 0px 0px 33px 11px;

    }

    . List li {}

    color: #96d7e0;

    list-style: circle;

    low-margin: 7px;

    }

    button {}

    float: left;

    margin: 10px 0 0 0;

    }

    {.learnmore}

    Background: url (.. / images/learnmorebtn.png) top left no-repeat;

    Width: 99px;

    height: 30px;

    display: block;

    color: #6fcad7;

    text-transform: uppercase;

    do-size: 11px;

    text-decoration: none;

    make-weight: bold;

    line-height: 30px;

    text-align: center;

    }

    {a.learnmore:hover}

    Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

    }

    {#slidernav}

    position: absolute;

    margin-bottom: 30px;

    right: 10px;

    bottom: 60px banner;

    }

    #slidernav li {}

    Background: url (.. /images/dot-OFF.png top) left no-repeat;

    Width: 12px;

    height: 11px;

    margin-left: 10px;

    float: left;

    }

    #slidernav ul {}

    margin-top: 10px;

    }

    #slidernav li.doton {}

    Background: url (.. /images/dot-on.png top) left no-repeat;

    Width: 12px;

    height: 11px;

    margin-left: 10px;

    float: left;

    }

    #slidernav li a {}

    display: block;

    Width: 12px;

    height: 11px;

    }

    #slidernav li a.the {}

    Background: url (.. /images/dot-on.png top) left no-repeat;

    Width: 12px;

    height: 11px;

    display: block;

    }

    #slidernav li a span {}

    display: none;

    }

    / * - iPhone - computer-* /.

    {#iphone}

    position: relative;

    Padding: 110px, 70px 0px 0px;

    Width: 345px;

    z-index: 1;

    float: left;

    margin:-50px 0 - 30px 0;

    }

    {#smallphone}

    Background: url (.. / images/smallphone.png);

    Width: 159px;

    height: 292px;

    Padding: 0px 0px 22px 57px;

    }

    {#bigphone}

    Background: url (.. / images/bigphone.png);

    Width: 211px;

    height: 378px;

    Padding: 0px 0px 28px 73px;

    position: absolute;

    top: 45px;

    right: 0;

    z index: 9999;

    }

    {#computer}

    Background: url (.. / images/computer.png);

    Width: 319px;

    height: 311px;

    float: right;

    top of the margin: 45px;

    Padding: 15px 0px 0px 25px;

    }

    / * - On the content of the left Page-* /.

    {#leftcontent}

    Width: 680px;

    overflow: hidden;

    float: left;

    }

    {.imgfloat}

    float: left;

    margin: 15px 0px 20px 0px;

    }

    #sidebar {}

    float: left;

    Width: 190px;

    padding-left: 35px;.

    margin: 10px 0px 0px 725px;

    Background: url (.. /images/Color-vertical-div.jpg top) left on repeat-y;

    position: fixed;

    }

    {.sidebartitle}

    Background: none;

    padding: 0px;

    }

    #sidebar ul {}

    margin: 10px 20px 0 0;

    Width: 190px;

    overflow: hidden;

    }

    #sidebar li {}

    margin-bottom: 10px;

    }

    #sidebar li a {}

    text-decoration: none;

    color: #bababa;

    font size: 16.5px;

    }

    #sidebar li a: hover {}

    color: #ffffff;

    }

    {.sidebaron}

    color: #ffffff! important;

    }

    #sidebar ul #social {}

    list-style: none;

    overflow: hidden;

    margin: 0-0 15px 0;

    Padding: 15px 0 0 0;

    Width: 188px;

    }

    #sidebar ul li {} #social

    margin-bottom: 0px;

    margin-top:-5px;

    overflow: hidden;

    float: left;

    }

    #sidebar ul a {} #social

    Width: 32px;

    padding: 0 15px 15px 0;

    overflow: hidden;

    display: block;

    }

    . Clear {}

    Clear: both;

    }

    purchase online .slider {}

    height: 449px;

    }

    / * - Down content-* /.

    {#bottomcontent_wrap}

    Background: url (.. / images/bottomcontentbar.jpg) #191919 top left horizontal;

    Padding: 9px 0px 0px 0px;

    }

    {#bottomcontent}

    Width: 940px;

    margin: 0 auto;

    Background: url (.. / images/bottomcontentbg.jpg) #191919 top left no-repeat;

    overflow: hidden;

    padding-top: 30px;

    }

    .the .middle, {.right

    float: left;

    Width: 250px;

    }

    .the {}

    padding-right: 20px;

    Background: url (.. /images/Dark-vertical-div.jpg) top right repeat-y;

    }

    .the ul {}

    margin: 5px 0px 0px 15px;

    }

    . Li {}

    color: #ffffff;

    list-style: circle;

    low-margin: 7px;

    }

    {.middle}

    padding: 0px 55px;

    }

    . Right {}

    float: right;

    padding-left: 55px;

    Background: url (.. /images/Dark-vertical-div.jpg top) left on repeat-y;

    }

    /* ---------- Contact ---------- */

    #container ul li.success

    {

    color: #ffffff;

    }

    #container ul

    {

    text-align: left;

    color: #6fcad7;

    top of the margin: 15px;

    }

    . TextField {}

    border: 1px solid #aaa;

    Background: #fff;

    padding: 5px;

    do-family: Arial;

    do-size: 12px;

    }

    {#submit}

    margin: 10px 0 0 0;

    Background: url (.. / images/learnmorebtn.png) top left no-repeat;

    Width: 99px;

    height: 30px;

    display: block;

    color: #6fcad7;

    text-transform: uppercase;

    do-size: 11px;

    text-decoration: none;

    make-weight: bold;

    line-height: 30px;

    border: 0;

    cursor: pointer;

    }

    #submit: hover {}

    Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

    }

    . Entry-block {}

    margin: 20px 0 0 0;

    padding: 0 0 20px 0;

    Background: url (.. bottom of horizontal /images/horizontal-Divider.jpg);

    overflow: hidden;

    }

    . Thumb img {}

    border: 3px solid #cfcfcf;

    }

    purchase online .slider {}

    height: 445px;

    overflow: hidden;

    }

    /* ---------- Footer ---------- */

    #footer a {}

    text-decoration: underline;

    color: #CCCCCC;

    }

    #footer {}

    Background: url (.. / images/footerbg.png) top left no-repeat;

    Width: 938px;

    height: 75px;

    float: left;

    margin: 30px 0px;

    padding: 20px 15px;

    }

    #copyright {}

    float: left;

    }

    . Copy {}

    margin left: 55px;

    }

    {.smalllogo}

    padding-top: 5px;

    float: left;

    }

    .source {}

    text-transform: uppercase;

    padding-right: 55px;

    float: right;

    }

    {# block-project}

    margin: 30px 0 0 0;

    overflow: hidden;

    }

    #thumb-{grand

    Width: 374px;

    height: 365px;

    border: 3px solid #cfcfcf;

    float: left;

    margin: 20px 0 0 0;

    }

    {#right-block}

    float: right;

    Width: auto;

    overflow: hidden;

    Width: 340px;

    right margin:-60px banner;

    }

    {#thumb - UL small

    list-style: none;

    overflow: hidden;

    Width: 100%;

    }

    UL #thumb - small li {}

    float: left;

    margin: 20px 0 0 0;

    }

    #thumb - small UL a {}

    float: left;

    height: 97px;

    Width: 122px;

    border: 3px solid #cfcfcf;

    display: block;

    }

    UL #details {}

    list-style: none;

    Width: 100%;

    overflow: hidden;

    top of the margin: 20px;

    }

    UL li {} #details

    Background: url (.. / images/bullet.gif) no repeat 1px 0;

    height: 36px;

    padding: 0 0 0 30px;

    }

    / * Cursor * /.

    .stripViewer .panelContainer .panel ul {}

    text-align: left;

    }

    / * These 2 lines specify style applied during the loading of cursor * /.

    . CSW {width: 100%; height: auto; overflow: hidden ;}}

    . CSW .loading {margin: 200px to 300px 0 0; text-align: center ;}}

    .stripViewer {/ * this is the viewport * /}

    position: relative;

    overflow: hidden;

    / * border: 5px solid #000; / * This is the border. must have the same value for the links * /.

    margin: auto;

    Width: 940px; / * Specified also in .stripViewer .panelContainer .panel below * /.

    height: auto;

    Clear: both;

    / * background: #fff; * /

    }

    .stripViewer .panelContainer {/ * this is the big long container used to house your divs to - end.} Width is calculated and indicated by the JS * /.

    position: relative;

    left: 0; top: 0;

    Width: 100%;

    list-style-type: none;

    / * - moz-user-select: none; This breaks the CSS validation but stops accidental (and intentional - beware) Panel highlighting in Firefox. Some people might find this useful fools, fool. */

    }

    .stripViewer .panelContainer .panel {/ * each Panel is prepared end-to-end * /}

    float: left;

    height: 100%;

    position: relative;

    Width: 940px; / * As specified in .stripViewer above * /.

    }

    .stripViewer .panelContainer .panel .wrapper {/ * wrapper to give some padding in panels, without messing with the existing panel width * /}

    padding: 0px 0 0 0;

    }

    .stripNav {/ * this is the div to hold your nav (AMT generated at run time) * /}

    margin: auto;

    position: absolute;

    z index: 9999;

    bottom: 85px;

    right: 0px;

    }

    .stripNav ul {/ * generated automatically links * /}

    list-style: none;

    }

    .stripNav ul li {}

    float: left;

    right margin: 2px; / * If you change it, remember to adjust the initial value of navWidth in the coda - slider.1.1.1.js * /.

    height: 11px;

    Width: 12px;

    }

    .stripNav a {/ * the nav links * /}

    font size: 1px;

    text-align: center;

    Background: url (.. /images/dot-OFF.png) no-repeat;

    color: #fff;

    text-decoration: none;

    display: block;

    Width: 12px;

    height: 11px;

    }

    .stripNav Li a: hover {}

    Background: url (.. /images/dot-on.png) no-repeat;

    }

    .stripNav li a.the {}

    Background: url (.. /images/dot-on.png) no-repeat;

    color: #fff;

    overflow: hidden;

    Width: 12px;

    height: 11px;

    }

    .stripNavL, .stripNavR {/ * the arrows left and right * /}

    position: absolute;

    top: 230px;

    text-indent:-9000em;

    }

    .stripNavL a, .stripNavR a {}

    display: block;

    height: 40px;

    Width: 40px;

    }

    {.stripNavL}

    left: 0;

    }

    {.stripNavR}

    right: 0;

    }

    CSS NAV

    / *-Navigation-* /.

    {#top_bar}

    background-color: #000000;

    height: 40px;

    position: fixed;

    Width: 100%;

    top: 0:

    }

    {#nav_container}

    Width: 940px;

    margin: 0 auto;

    }

    #nav {}

    do-family: Arial, Helvetica, without serif.

    make-weight: bold;

    do-size: 12px;

    color: #9f9f9f;

    z index: 9999;

    float: right;

    position: relative;

    }

    #nav, #nav ul {}

    margin: 0;

    padding: 0;

    list-style-type: none;

    list-style-position: outside;

    position: relative;

    line-height: 1em;

    }

    #nav a: link, #nav a: active, #nav a: visited {}

    Display: block;

    line-height: 40px;

    padding: 0 25px;

    color: #a5a5a5;

    text-decoration: none;

    text-transform: uppercase;

    }

    #nav a: hover {}

    color: #fff;

    }

    #nav .on {}

    background-color: #fff;

    color: #191919! important;

    float: left;

    position: relative;

    }

    #nav .inscrit {}

    Background: url (.. / images/subscribe.png) top left no-repeat;

    height: 40px;

    left margin: 22px;

    float: left;

    position: relative;

    }

    #nav li {}

    float: left;

    position: relative;

    }

    #nav ul {}

    position: absolute;

    top: 3.3em;

    display: none;

    z-index: 1;

    }

    #nav ul li a {}

    Width: 8th;

    height: 40px;

    float: left;

    background-color: black;

    background-image: none! important;

    }

    .last {}

    Width: 8th;

    float: left;

    background-color: black;

    background-image: none! important;

    right margin: 15px;

    }

    #nav ul li a: hover {}

    background-color: #292929;

    }

    #nav ul ul {}

    top: auto;

    }

    #nav li ul ul {}

    left: 11.3em;

    margin: 0px 0 0 10px;

    }

    #nav li: hover ul ul, #nav li: hover ul ul ul li: hover ul ul ul ul {} #nav

    display: none;

    }

    #nav li: hover ul, #nav li li: hover ul, #nav li li li: hover ul, #nav li li li li: hover ul {}

    Display: block;

    }

    Try to give the top_nav bar a z-index: 999:

    {#top_bar}

    background-color: #000000;

    height: 40px;

    position: fixed;

    Width: 100%;

    top: 0:

    z index: 999;

    }

  • by using the recordset navigation bar

    I have a really weird situation. I can view my recordset navigation bar in the view of real-time data of DW 8, but when I hit F12 to load the page in my browser will not display the recordset navigation bar. What's really weird is that when I check the output of the source HTML < a > code for the next anchor in last interface is clearly present. As you can see by looking at the html code, the tags are all lined up but just refuse to display in the browser.
    Can someone advise?

    Kevin

    problem solved took a few tries, but the code has finally taken.
    No idea why it wouldn't take the first 4 times I did

    Kevin

  • Change the color of 1 link of the Bootstrap navigation bar

    Hello

    I am eager to pass the roll of color of a link in the navigation bar of bootraps.

    I tried a class on this subject... no luck... I can change all the nav bar color... but I just want a roll of color of the item...

    All thoughts

    PAL

    Place the following in your custom stylesheet (do not touch the stylesheet (s)) original of Bootstrap

    .NavBar - default .navbar-nav > li > a: hover, .navbar - default .navbar-nav > li > a: focus {}

    background-color: #FFFF00;

    color: #FFC0CB;

    }

    This assumes that you have deployed the default navigation bar. If you use a different class, also adjust the colors to suit.

  • Maintenance of the visible Navigation bar?

    It seems possible to keep hidden with the gesture API navigation bar. However, I can't understand consistently to maintain the visible navigation bar.

    The following code will ensure that the navigation bar is visible on the loading of the page and show page; However, as soon as the page is moved in a certain way, the navigation bar automatically hides and is irretrievable.

    {$(document) .ready (function ()}

    adobeDPS.Gesture.disableNavigation ([$("body") [0]]);

    adobeDPS.Gesture.toggleNavigationUI ();

    });

    document.addEventListener ("visibilitychange", function() {}

    If (! document.hidden) {}

    adobeDPS.Gesture.toggleNavigationUI ();

    }

    });

    Is there a way to ensure that the navigation bar is indicated?

    There is no way to force the navigation bar to stay standing. It will disappear when the player interacts with the page to ensure that the full screen is available for the reading experience.

    Neil

  • How to use CSS to create the horizontal navigation bar in Dreamweaver CS6

    How to use CSS to create the horizontal navigation bar in Dreamweaver CS6

    One of the ways to do this is the following: Editor Tryit v1.9

    You can also use floats to get something in the same direction.

  • Problem with IE box put white behind the spry navigation bar

    IE is also distort menu nav bar boxes in a different random order as well as to a white box behind the spry navigation bar.

    All works fine in Chrome, Safari, and Firefox.

    Does anyone know how to solve these problems?

    The site is http://www.phonicsfaster.com

    I would really appreciate help.

    Thank you

    FM

    Do you want to say just do a div boxes style line as I want them to look in a row? What method would you use to make the color change and also enable it to have a direct link? In DW I usually use image swap behavior for a change on mouse over.

  • How to display this checkbox at the bottom of table lines.

    Dear friends,

    I created a table and a checkbox element in this region.
    I want to display this item box after rows in a table.

    How to display this checkbox at the bottom of table lines.


    Thank you

    Hello

    OK, sorry.

    Place the checkbox element to declare and report change 'display point"for example"Page Template Body (2. (éléments ci-dessous le contenu de la région) ".

    Kind regards
    Jari

  • How to set the spark application at the bottom control bar

    Hello

    I am trying to put the control bar at the bottom of the container for the application in spark, could you please help me with this, I need datagridskin code to set the bottom control bar instead of default at the top.

    You must write a custom Application appearance.

    Is attached an example custom look that moves the «topGroup"according to the"contentGroup»

  • SWF file overlaps the Fireworks navigation bar in DW 8

    Visit my Web site at http://kanreikai.com/ after that that it has loaded using the menu 'Photos' drop-down and see how the navigation bar is in fact behind the Flash swf file.
    The navigation bar is at the front most layer in dreamweaver 8, and this problem occurred when I added the .swf instead of a picture file. (there is no problem if I simply a .jpg file there instead of the SWF file, in which case the Fireworks navigation bar works very well.)

    Is there a problem of layer or does Flash file that overwrites the file Fireworks in DW 8?
    Need your help.
    Thank you

    Not sure that the popup is blocked, but you can now (see wmode
    parameter):

    http://KB.Adobe.com/selfservice/viewContent.do?externalId=tn_14201&sliceId=2

    --
    JO

    "IdioC" wrote in message
    News:frgv4k$8UB$1@forums. Macromedia.com...
    > Please go to my website at http://kanreikai.com/ after it has
    > load
    > Use the drop 'Photos' and see how the navigation bar is actually behind
    > the
    > Swf flash file.
    > Navigation bar is in the further layer in dreamweaver 8 and this problem
    > only
    > occurred when I added the .swf instead of a picture file. (there is no
    > problem if
    > I just a .jpg file it instead the SWF file, in which case the
    > Fireworks navigation bar works very well.
    >
    > Is there a layer problem or is it a Flash file that overwrites the Fireworks
    > file in DW 8?
    > Need your help.
    > Thank you
    >
    >
    >

  • Display shows not everything on the screen. Must use the bottom scroll bar to view all.

    I have a HP G62-340US Notebook.   When I open Internet Explorer 9, not all content can be seen.  I have to use the scroll bar at the bottom to see the right side of the content.   I tried to set the resolution of the screen.    Any suggestions?

    Me DUMB color!  The Zoom in IE factor was set at 145%.   Well of COURSE the display would be larger than the area.

    I will gladly accept award "jerk of the Month".

  • on the issue of the image navigation bar

    I have an image that I use for my head.

    I've created a navigation bar with a ul.

    I want to put the NAV on top of the lower part of the header image.

    I hope I'm doing this right.

    Now I'm sure that you set the image as a background image, which is what I did and set height and width to the size of the image like this:

    . Header {}

    background-color: #000;

    background-image: url(assets/header_logo.jpg);

    background-repeat: no-repeat;

    height: 182px;

    Width: 960px;

    }

    First of all is this good? Or the right way to do it? It seems good.

    Part two, I have the image in the header above the image, I have it on the right side:

    . Header ul {}

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

    }

    . Header li {}

    float: right;

    }

    . Header a: link, a: visited {}

    Display: block;

    Width: 120px;

    Police-wegiht: "BOLD";

    color: #ccc;

    background-color: #000;

    text-align: center;

    padding: 4px;

    text-decoration: none;

    text-transform: none;

    }

    . Header a: hover, a: active {}

    Color: #F00

    }

    Now I want what it inside the header above the picture, which she is, on the right side, which is. But is not on the bottom of the header (bottom) section. How I would get the navigation bar to the bottom of the header image? Can I do with padding some albums? or what is the best way?

    Thank you

    Without seeing the page, it is difficult to say with certainty, but try adding a margin greater than the navigation to move it to the bottom. Other ones if you can provide a link that would be easier to see what is happening.

  • You want to remove 'Pocket display list' down to the bottom of the list of bookmarks.

    Under Favorites drop-down list is "View Pocket List", just below "Show bookmarks". It appeared when you offered 'Pocket display list' or I can inadvertently adding it. I didn't do it! I would like to remove it but I don't know how.

    Thank you!

    Thanks the kenkon and cor - el.

    I could remove the Pocket button on the Navigation bar, by right-clicking the toolbar button. In addition, "Display list of pocket" removed himself from the drop down under bookmarks as well!

       https://support.mozilla.org/kb/disable-pocket-firefox
    

    Yay!

  • How can I create a sub navigation, detached from the main navigation bar.

    I'm in the middle of the development of a Web site that features two areas of navigation. In the upper part of the site I have the main navigation, with House, about, work and communicate with, while in the lower part of the page work, I want to add navigation sub disciplines such as Visual identity, brochures and flyers, annual reports, etc.. It will be the child pages on the work page.

    I can't find the option to detach the navigation under the disciplines of the main navigation. Can someone tell me how I should create this possibility so that the sub navigation will be generated automatically, but detached from the main navigation?

    See you soon,.

    TimNavigation_SubNavigation_Example.png

    Unfortunately two unique sets of generated navigation automatically is not possible currently. An alternative is to create your navigation bar with a menu manual, low browsing with a menu widget, and then disable the top-level pages appear in the menus (on the preferences page, or by right-clicking on a page in outline view). Since there are more pages in the navigation at the bottom, this could at least save time by keeping only the automatically generated value.

Maybe you are looking for