Header centered

  • Resolved kooi2000

    (@kooi2000)


    18 years, 2 months ago

    Hi, this is my site under construction: https://www.mennomail.nl/blog/

    As you can see the header is repeating itself. I want that orange pic to be centered. This is the lines I need in style.css:

    #headerpic
    {
    position: relative;
    height: 149px;
    background: #fff url(images/fall_leaves.jpg) repeat-x bottom left;
    margin-bottom: 2px;
    }

    What do I change to get it centered?

    Thanks in advance!

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

  • hmmm..

    background: #fff url(images/fall_leaves.jpg) repeat-x bottom left;

    look closely at that line. put on thinking cap.

    do you think…?

    Thread Starter kooi2000

    (@kooi2000)

    Well, I did change the repeat-x in no repeat, but without result…

    Ive looked at your site and I see atleast 2 images in your header.. which one are you attmepting to center.. the small black one, or the orange one beneath it? In FF the header looks quite normal to me.

    Thread Starter kooi2000

    (@kooi2000)

    Just the orange one.

    Thread Starter kooi2000

    (@kooi2000)

    *bump*

    Thread Starter kooi2000

    (@kooi2000)

    Now I’ve changed the URL: https://www.mennomail.nl/ and only have that one orange pic visible.

    Still I can’t seem to get it centered.
    This is the piece of HTML I think it’s about…

    #headerpic
    {
    position: center;
    height: 149px;
    background: #fff url(images/fall_leaves.jpg);
    margin-bottom: 2px;
    }

    Please : can someone tell me how to make the image stand in the middle?

    Try this:

    #headerpic
    {
    height: 149px;
    background: #f09661 url(images/fall_leaves.jpg) no-repeat bottom center;
    margin-bottom: 2px;
    }

    Thread Starter kooi2000

    (@kooi2000)

    Evita, you are the best! Thanks so much!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Header centered’ is closed to new replies.