Header problem

  • 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:

    https://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:

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

    The site is here: https://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)

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

    you have this code in your css:

    #header {
        background: #73a0c5 url('ahttps://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="https://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="https://www.piknik.se/"></a></h1>

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

    #header {

	}

#headerimg 	{
	        background: #73a0c5 url('ahttps://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

    (@pwrdesign)

    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

    (@pwrdesign)

    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

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

    <div id="my_link"><a href="https://mysite.com/"><img src="https://www.mysite.com/images/image.png" alt="image"></img></a></div>
    Thread Starter pwrdesign

    (@pwrdesign)

    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

    (@pwrdesign)

    In my CSS file I have this:

    #headerimg {
    background: #e7e7e7 url(‘https://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”>

    /”><?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? ??

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