[robobobo]

Hi Guys,

Im having some trouble linking my wordpress header image so that users can click it to get back to the homepage

www.techinfo-4u.com

I've changed the header.php template from

<div id="header"

to

<div id="header" onclick=”location.href=’http://techinfo-4u.com/’;” style=”cursor: pointer;”>

but nothing happens.,

Anyone any ideas why not?

Cheers

[skyhigh007]

Looks working for me on my browser

[colinsp]

And for me but it takes a long time to load the page and it looks totally screwed until it is all loaded.

[robobobo]

Yes, the page is a bit messy before its loaded but i think thats because i haven't resized the images yet

Anyone know how to sort out my header problem though?

[colinsp]

Try clearing your cache, it looks fine and works fine for me.

[robobobo]

Ate you talking about the actual menu link that's at the bottom right of the header or the actual header image with the logo

it's the logo I'm trying to get to link back to my homepage

[colinsp]

The logo was working when you first posted the question but I have checked it now and it isn't working as you want. Have a look at the changes you have made recently and revert them to get it working again. A quick look at your css shows that you have put the logo as a background image now and so what you want to do won't work. You need to place it as an element in the header for the link to work.

[robobobo]

Thanks Colinsp,

the reason it was first working i think was because i had entered the blog title in the wordpress settings, so it was actually the text over my header image that was linking, not the actual image itself, it wasn't what i wanted as i had text over the image

This is my current header section in my style.css

/* HEADER */

#header {
height: 100px;
padding-top:0px;
border-bottom: 1px solid #fff;
background: url(images/header.jpg) top left no-repeat;
}

#header h1 {
margin-bottom: 3px !important;
padding: 6px 0 0 0;
font-weight: normal;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 42px;
text-transform: normal;
}

#header h1 a, #header h1 a:visited {
color: #667b98;
text-decoration: none;
}


#header h2 {
color: #667b98;
font-size: 11px;
line-height: 12px;
font-family: Georgia, Times, "Times New Roman", serif;
text-transform: uppercase;
}

Your right about the background image, thats what i suspected, what do i need to do to make it an element as i can only see different code for the font size, colour etc...

Thanks so much for your help

[colinsp]

What you can try is restyling your h1 tag

This is the css

h1 a{display:block; height:350px; width:750px; text-indent:-2000em; text-decoration:none; z-index:1000; background:url(your image url here) 0 0 no-repeat;}

Change the height and width to suit your image and the header div

Then in your code for the h1 tag try this

<h1><a href="/">Tech Info 4U</a></h1>

What this does is hides the h1 text off the left off the page and then makes the image the viewable bit of the h1 tag and clickable.

Give it a try

[robobobo]

Colin Thank you sooooo much!!!

This finally did it for me! Thank you so so so much! This one small thing has prevented me from re launching my site officially. Thank you so much for this , and thank you to everyone else who helped me, thats why i love this forum! and i will be linking to it from my site and recommending it to anyone looking for help!

Thanks again so much :-)