I’d suggest using a 758px wide image for a start.
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
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!
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="http://mysite.com/"><img src="http://www.mysite.com/images/image.png" alt="image"></img></a></div>
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…
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? 🙂
