WordPress.org

Ready to get started?Download WordPress

Forums

Header problem (8 posts)

  1. pwrdesign
    Member
    Posted 4 years ago #

    Hi all!

    This is a pretty easy problem I think, I've done some searching but I cant get it correct. What I'm doing is that I'm trying to help a friend of mine with her wordpress-site. She wants a header instead of just a site description.

    I've done the header:

    http://www.piknik.se/wp-content/uploads/2009/12/logo_piknik.jpg

    And I've change the Header Background to that header.
    My problem now is that I cant get rid of the white area in the header, I've look all over the place, and it looks like header-img.php is generation the final header image and adding this white area. Though I cant find where to delete or turn of this "feature".

    This is how my header looks like:

    http://www.piknik.se/wp-content/themes/default/images/header-img.php?upper=FFFFFF&lower=FFFFFF

    The site is here: http://www.piknik.se

    The theme used are the default theme.

    I'm shure that I can fix this if I do some more research, but I'm pretty stressed atm, so I'm giving this a try here :)

    Thanks in advance!

    Regards Patrik

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    I'd suggest using a 758px wide image for a start.

  3. gbennyb
    Member
    Posted 4 years ago #

    you have this code in your css:

    #header {
            background: #73a0c5 url('ahttp://www.piknik.se/wp-content/uploads/2009/12/logo_piknik.jpg') no-repeat bottom center;
    	}
    
    #headerimg 	{
    	margin: 7px 9px 0;
    	height: 192px;
    	width: 740px;
    	}

    and thisone on you header.php

    <div id="header" role="banner">
    
    <div id="headerimg">
    <h1><a href="http://www.piknik.se/"></a></h1>
    			<div class="description"></div></div>
    
    </div>

    1.) you should cleanup your header.php.
    remove i.e. the <div class="description"></div>
    and do you need the <h1><a href="http://www.piknik.se/"></a></h1>

    2.) i would try to move the image from the #header to the #headerimg

    #header {
    
    	}
    
    #headerimg 	{
    	        background: #73a0c5 url('ahttp://www.piknik.se/wp-content/uploads/2009/12/logo_piknik.jpg') no-repeat bottom center;
    	margin: 7px 9px 0;
    	height: 192px;
    	width: 740px;
    	}

    i am not totally sure that this is what you want to achieve, but give it a try and have a look yourself.

    good luck,
    bb

  4. pwrdesign
    Member
    Posted 4 years ago #

    Thanks BB, that worked like a charm!
    Got another one for you!

    The "Posted in Uncategorized | Edit | No Comments ยป" line, is it possible to left alight that one?

    It's in the class "postmetadata" but inside there (in the style.css) there's just: "clear: both;"

    Where do I control the Alignment of this text?

    Thanks for all help, really appriciated!

  5. pwrdesign
    Member
    Posted 4 years ago #

    Got another header issue, how do I make it clickable?
    I want the header to be linked to the startpage.

    Tryed to add a link before the header, but that resulted in two headers if I looked at the page with IE, and one header (not clickable) if I looked at the page with Firefox?

    / Patrik

  6. mrwolfy
    Member
    Posted 4 years ago #

    I think you need to enclose the image with a link reference

    <div id="my_link"><a href="http://mysite.com/"><img src="http://www.mysite.com/images/image.png" alt="image"></img></a></div>
  7. pwrdesign
    Member
    Posted 4 years ago #

    Hi!

    Tryed that, and the result was double headers?
    One of them was clickable at least, but when I tryed to remove divs, to get rid of the not clickable header, the whole site started to look strange...

  8. pwrdesign
    Member
    Posted 4 years ago #

    In my CSS file I have this:

    #headerimg {
    background: #e7e7e7 url('http://www.piknik.se/wp-content/uploads/2009/12/logo_piknik.jpg') no-repeat bottom center;
    margin: 7px 9px 0;
    height: 192px;
    width: 740px;
    }

    My header.php says this:

    <div id="page">

    <div id="header" role="banner">

    <div id="headerimg">

    /"><?php bloginfo('name'); ?>
    <div class="description"><?php bloginfo('description'); ?></div></div>
    </div>

    Need help breaking this down to pieces... to learn

    <div id="page"> = Div for the whole page?

    <div id="header" role="banner"> = Div for header? What is a "role"?

    <div id="headerimg"> Another Div, is it neccesary with two?

    /"><?php bloginfo('name'); ?>
    <div class="description"><?php bloginfo('description'); ?></div></div>
    </div>

    The last piece is for adding the site-info if used?

    I'm I right here? :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.