WordPress.org

Forums

Header Alignment (14 posts)

  1. hanover
    Member
    Posted 10 years ago #

    I can't seem to get my header image and my nav bar to center align with the background image. I also can't get the nav bar right up underneatht the header image where it belongs.
    I'm new to WordPress, switching from Blogware and tables (gasp!). I'd really appreciate any help.
    http://www.secondnegative.com

  2. hanover
    Member
    Posted 10 years ago #

    Okay, I did that. Looks like I have other validation issues I hadn't looked at.

  3. Mark (podz)
    Support Maven
    Posted 10 years ago #

    Oops.. then have this back in index.php where the header is called
    <h1 id="header">"><?php bloginfo('name'); ?></h1>

  4. hanover
    Member
    Posted 10 years ago #

    Okay, I added that. Of course, mousing over my header image now brings up a blue hover effect.

  5. Mark (podz)
    Support Maven
    Posted 10 years ago #

    Try this:
    h1#header a:hover {
    display: none;
    }
    It's odd. I can see #rap defined, I can see it used in the code, but I can't actually see it ..

  6. hanover
    Member
    Posted 10 years ago #

    Well, that works, but it's doing something funny to my cursor. Looks like it's trying to switch from the pointer to the hand and back really quickly.

  7. hanover
    Member
    Posted 10 years ago #

    What do you mean about the #rap ? What don't you see?

  8. Mark (podz)
    Support Maven
    Posted 10 years ago #

    I think it's sums..
    Your rap is 650 wide, but the main image is only 626.
    Highlighting the code blocks shows things slightly out of line with each other, but I can't see why (floats are not my strong point) and I too see the flicker but from what I can see, I don't know what's causing it.
    Worry not, someone with more knowledge than me on this will be along soon !

  9. hanover
    Member
    Posted 10 years ago #

    I set the rap to the size of the background image, but it has a black shadow on both sides, so I had to use a smaller width on the header image. That's why it's smaller.
    Ha, yeah I'm confused.

  10. hanover
    Member
    Posted 10 years ago #

    I hope someone comes along.

  11. Mark (podz)
    Support Maven
    Posted 10 years ago #

    They will :)

  12. Root
    Member
    Posted 10 years ago #

    @ podz: I am not sure about margin: 0; in #header. Just my 2c.

  13. hanover
    Member
    Posted 10 years ago #

    Cool, that worked for the header image. It's now aligned, except for some strange thing going on with Opera which leaves room at the top.
    Anybody know what I can do to fix the nav bar alignment now?

  14. Daniel Foster
    Member
    Posted 9 years ago #

    I'm sorry to raise this again, but I am having the same problem, and I'm new to this, and I can't figure anything out. My page is http://danielo.blogsome.com/, and it looks fine in FireFox. However, in IE, the header image (http://danielo.blogsome.com//wp-inst/wp-content/sitetemplates/brushed-simple/img/header.gif) and main body text will not center, instead they are over to the left, while the body image (http://danielo.blogsome.com/wp-inst/wp-content/sitetemplates/brushed-simple/img/body.gif) is centered. I can't figure out how to make it look right in BOTH browsers. Any help/hints appreciated.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.