Title: Header problem
Last modified: August 19, 2016

---

# Header problem

 *  [pwrdesign](https://wordpress.org/support/users/pwrdesign/)
 * (@pwrdesign)
 * [16 years, 6 months ago](https://wordpress.org/support/topic/header-problem-7/)
 * 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](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](http://www.piknik.se/wp-content/themes/default/images/header-img.php?upper=FFFFFF&lower=FFFFFF)
 * The site is here: [http://www.piknik.se](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

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

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 6 months ago](https://wordpress.org/support/topic/header-problem-7/#post-1296829)
 * I’d suggest using a 758px wide image for a start.
 *  [gbennyb](https://wordpress.org/support/users/gbennyb/)
 * (@gbennyb)
 * [16 years, 6 months ago](https://wordpress.org/support/topic/header-problem-7/#post-1296855)
 * 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
 *  Thread Starter [pwrdesign](https://wordpress.org/support/users/pwrdesign/)
 * (@pwrdesign)
 * [16 years, 6 months ago](https://wordpress.org/support/topic/header-problem-7/#post-1296887)
 * 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!
 *  Thread Starter [pwrdesign](https://wordpress.org/support/users/pwrdesign/)
 * (@pwrdesign)
 * [16 years, 6 months ago](https://wordpress.org/support/topic/header-problem-7/#post-1296960)
 * 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
 *  [mrwolfy](https://wordpress.org/support/users/mrwolfy/)
 * (@mrwolfy)
 * [16 years, 6 months ago](https://wordpress.org/support/topic/header-problem-7/#post-1296964)
 * 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>
       ```
   
 *  Thread Starter [pwrdesign](https://wordpress.org/support/users/pwrdesign/)
 * (@pwrdesign)
 * [16 years, 6 months ago](https://wordpress.org/support/topic/header-problem-7/#post-1296981)
 * 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…
 *  Thread Starter [pwrdesign](https://wordpress.org/support/users/pwrdesign/)
 * (@pwrdesign)
 * [16 years, 6 months ago](https://wordpress.org/support/topic/header-problem-7/#post-1296982)
 * In my CSS file I have this:
 * > #headerimg {
   >  background: #e7e7e7 url(‘[http://www.piknik.se/wp-content/uploads/2009/12/logo_piknik.jpg&#8217](http://www.piknik.se/wp-content/uploads/2009/12/logo_piknik.jpg&#8217);)
   > 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”>
   > 
   >  <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?**
 * 
    <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? 🙂

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

The topic ‘Header problem’ is closed to new replies.

 * 7 replies
 * 4 participants
 * Last reply from: [pwrdesign](https://wordpress.org/support/users/pwrdesign/)
 * Last activity: [16 years, 6 months ago](https://wordpress.org/support/topic/header-problem-7/#post-1296982)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
