You put the graphic as a background image and that is never clickable! Put it in the header div and alter your css accordingly.
Actually, I did exactly what it said to do here:
http://www.tamba2.org.uk/wordpress/graphicalcss/header/index.html
I did put the image in the header. I also adjusted the css just like the tutorial above said to do. That’s why I’m here to find out if there was anything else I should do that’s not mentioned in the tutorial.
I agree, but that tutorial does NOT say the image will be clickable 🙂
In your header div only this part of the code is a link:
<h1><a href="http://cantkeepquiet.com">Can't Keep Quiet</a></h1>
but actually it is “invisible” on your site because of your CSS.
Okay. So how do I make the whole image clickable? I guess I’m not understanding what you mean when you say the header div. Are you talking about the wp-layout.css file or the index.php file?
The code I posted is from your index.php file.
There might be other ways to achieve what you want, but I can think of only one now: in the above code instead of the text (=Can’t Keep Quiet) put your title-image, and make the necessary changes in your CSS file.
If you want to make the entire ‘<div>’ clickable then you can also use this javascript code and these css styles to make it look like a large link:
‘<div onclick=”location.href=’http://yourlink.com’;” style=”cursor: pointer;”><h1></h1></div>’
Which works nicely assuming your visitor allows JavaScript to run! 🙂
Well, thanks for the help. I’ve tried a couple of things suggested and it either didn’t make a difference or made it worse. I’ve also found out that the whole image is clickable in IE but only the top part is in Firefox. Right now I’m thinking it’s a problem with browser differences more than anything else.
