Try adding float:left;
to:
#header h1 a {
background:url("/images/revamp_05.jpg") no-repeat center topt;
border:1px solid black;
display:block;
height:100px;
text-align:left;
text-indent:-9000px;
width:338px;
}
in style.css. Your header image seems to be missing at the moment.
Also see Creating_a_Static_Front_Page
THank you!!! That did help to Put the blog-description on the right side of the image, but the image just will not display! I have the image saved in the ‘images’ folder in the ‘wp-content’ folder, isn’t that the correct location?
I am at my wits end as to what I can do to display an image in my header. I’ve tried every “trick” that has been posted online and I still cannot get my image to be shown. I have no idea why it is not working. In theory, it should be working…please someone!? HELP!!!?
I currently have two images “supposedly” in my header. One is rested above my Blog title following the directions from this blog:
http://archgfx.net/blog/2006/geek/blogging/custom-header-in-css
and the other image i tried to put it into my header.php and it just shows the alt text…all this reading and coding has made me tired…once again I ask someone to work with me on the seemingly “easy” task?
Your header image needs to be in your theme’s images folder.
header.php – clean up the image url:
with this code,
<div id="header">
<img src="http://www.revampnow.org/wp-content/uploads/2010/03/revamp_05.jpg" alt="ReVAMP" width="338" height="100">
</div>
an image of ‘revamp’ is showing on the right hand side.
the image url was a bit odd – check the change.
in style.css – similar thing with the image url – there shouldn’t be a ‘public_html’ in the path:
#header h1 a {
display:block;
text-align:left;
background: url(http://www.revampnow.org/wp-content/uploads/2010/03/revamp_05.jpg) top center no-repeat;
height:100px;
width:338px;
border:1px solid black;
text-indent: -9000px;
float: left;
margin: 0px;
position:relative;
}
this seems to work.
remove the border: 1px solif black;
(unless you like it) and change margin: 0px;
to margin: 16px 0px;
– and the two images are aligned.
try to get the above changes to work, and the come back if there is more to tweak.
AAAAWWWWWWW! MAN!!!!! i cant believe all i was doing wrong was putting public_html in the image link!!!
I have been agonizing over this for a week…i guess I should plead to the forums more often…or do you suggest trying to figure it out on my own…it’s sort of rewarding, until times like today!
Thank you all soooo much!!