Fixed Header Bar

  • Resolved [email protected]

    (@fernandoazevedogmailcom)


    13 years ago

    Hello eberybody,
    I am still learning css, sorry about this and i have this doubt.
    I would like to make my header and it´s bar fixed.
    I also need to put my full-width page down because it is almost on the header.

    Can some one help with it?

    http://deeplook.com.br/nexo3/?page_id=5

    I have this line on my css witch I beleive is making the blue bar repeat horizontally, but I can’t fix it (make it fixed):

    #header-bottom2{background:url(“images/header-bottom.png”) no-repeat scroll center top #1f5f82;height:130px;margin:-7px 0 -200px; }

Viewing 9 replies - 1 through 9 (of 9 total)
  • zebrawebdesigns

    (@sbhuvan)

    13 years ago

    @fernando Please find the following suggestions.

    1. The background image is missing in the CSS. Instead background color is loading.
    2. Use the background-image for the body tag. So that it will stick to the same place.
    3. Adjust the height of the header to move the main content down.
    4. You can use the tool like firebug to analyze your CSS issues.
    5. See the tutorial on using firebug in youtube
    6. You ca use http://www.w3schools.com/css/ to cross reference any CSS methods.

    Thread Starter [email protected]

    (@fernandoazevedogmailcom)

    13 years ago

    Thank you.
    I didnt get the step number 2.
    I managed to show the menu image.
    But I still have issues with the full width page. The picture is on the header and I want to make the blue bar fixed.

    And thank you for the tips, they are going to be very helpful.

    Rgds

    zebrawebdesigns

    (@sbhuvan)

    13 years ago

    @fernando Glad it helped.

    Regarding step2 you have To assign background image to the body tag and remove the header bottom div element.
    Here is the link for body background image http://postimg.org/image/ulpe5zqo1/
    save the image and assign it to the body tag using css

    Thread Starter [email protected]

    (@fernandoazevedogmailcom)

    13 years ago

    Do you know how to put the page down and fix the blue header?

    zebrawebdesigns

    (@sbhuvan)

    13 years ago

    @fernando.
    Please wait I will give the pastepin version of the site.

    zebrawebdesigns

    (@sbhuvan)

    13 years ago

    @fernando
    Please backup your style.css file and replace it with the pastebin version
    It will surely work. Please let me know if you have any difficulties.
    http://pastebin.com/x2EsAmD0

    Thread Starter [email protected]

    (@fernandoazevedogmailcom)

    13 years ago

    Thank you very much. It worked pretty well.
    I will study your code.
    I wrote down your website, i might have some work for you in the future.
    Rgds

    Thread Starter [email protected]

    (@fernandoazevedogmailcom)

    13 years ago

    Never Mind!
    I got it! thanks!

    zebrawebdesigns

    (@sbhuvan)

    13 years ago

    Good to know that you are happy.
    your front page slider thumbnail images are not showing due to folder permission error. have you noticed it.

    and there is lot of empty space in the bottom of the page.
    remove the padding bottom for the container2 and add padding bottom as 0 for content-full

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Fixed Header Bar’ is closed to new replies.