Center Header Image

  • Resolved imrubberurglue

    (@imrubberurglue)


    14 years, 11 months ago

    I’ve been trying to get the header centered on my website, but I can’t seem to find the trigger. The is the CSS coding where I think the problem lies.

    html body {
    background: #dedede url(images/header.gif) repeat-x;
    margin: 0 auto;
    font-size: 12px;
    font-family: Arial, Verdana, Tahoma, Times New Roman;
    line-height: 1.5em;
    color: #888787;

    I have changed the background line to:

    background: #dedede url(images/header.gif) repeat-x center;

    While that centers the body, it cuts out the header.gif image completely.

    Any tips for a CSS learner on the fly. (If it helps, this is in the Lafontis Magazine Theme).

    Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Kathryn Presner

    (@zoonini)

    14 years, 11 months ago

    If you provide a link to your site folks will be able to help more easily. 🙂

    SuperGM

    (@supergm)

    14 years, 11 months ago

    Use Firebug – then you can edit on the fly without hurting you site .

    Thread Starter imrubberurglue

    (@imrubberurglue)

    14 years, 11 months ago

    Thanks for the quick responses. Here is the site.

    Please note: current content is merely a place holder

    Moderator Kathryn Presner

    (@zoonini)

    14 years, 11 months ago

    I would remove the logo from your background image.

    You already have a logo graphic in your code here:

    <h1><a href="http://imrubberurglue.com/"><img class="logo" src="http://imrubberurglue.com/wp-content/themes/LafontisMagazine/images/logo.png" alt="imrubberurglue.com" /></a></h1>

    … but the graphic appears to be blank. Upload your logo to that path with that filename and it’ll be much easier to control its position.

    Thread Starter imrubberurglue

    (@imrubberurglue)

    14 years, 11 months ago

    Ok, I swapped it out to make it easier to manipulate and I was able to get it centered, but now it is blocking my navigation bar.

    I would like it to fall behind (after I resize it, lol).

    Thread Starter imrubberurglue

    (@imrubberurglue)

    14 years, 11 months ago

    Nevermind… i got it! Thanks again!

    Moderator Kathryn Presner

    (@zoonini)

    14 years, 11 months ago

    Awesome! If you would please mark this thread as “resolved” (drop-down menu in the right column) it would be appreciated. Helps everyone keep better track of whose issues are still outstanding. Thanks!

    Thread Starter imrubberurglue

    (@imrubberurglue)

    14 years, 11 months ago

    You got it

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

The topic ‘Center Header Image’ is closed to new replies.