Need help with making clickable header

pastebinurl for index.php

really appreciate the help by the way!

<span class="title"><a href="https://thejordanpease.com/test/"><img src="images/invisible.gif"></a></span>

try add / before images/invisible.gif if that does not work try adding the full url

where does that code go? Same place I had code before? Within `<div id=”blog-title”>?
`

I put that code where the old code was… even tried full URL. Gif still isn’t even showing up (I made a green streak thru invisible gif so I would be able to see it).

<div id="blog-title">
	<span class="title"><a href="https://thejordanpease.com/test/"><img src="https://thejordanpease.com/test/wp-content/themes/the-jordan-pease/images/invisible.gif"></a></span>
        </div>

I think the problem is that who ever designed the theme put the code for title and description in templates while a normal way is to have it in header.php file so you will have problem from page to page you will have go in every template and make changes.

I just looked html code and all I see is this

<div id="blog-title">
<span class="title">
<a href="https://thejordanpease.com/test/"/>
</span>
<span class="description"/>
</div

No link

I dont think you are on the right lines here. It is not necessary to include the image in the html via a template. To accommodate IE it is the link which needs to be clickable. Not the zone it is in. We would normally
set the link to display: block and increase its height so it fills its parent container. Then we set the fancy bg up in the css as a background.
Understood correctly this is a CSS question not a php / template thing.

Root – i don’t understand what you are talking about. What does IE have to do with this?

govpatel – you said you looked html code and saw this

<div id="blog-title">
<span class="title">
<a href="https://thejordanpease.com/test/"/>
</span>
<span class="description"/>
</div

I’m confused… you say no link… but there is a link in the code you mention.

Well proper browsers let you use anything as an anchor not just a link……..

I don’t understand what that means… what is an anchor? I am not a programmer. I’m not able to take an idea and write code for it.

html is mark up not code
good luck with this

code – mark up, whatever you call it. Six of one half dozen of the other. You know what I mean.

I can’t write it, but I can usually reverse engineer something and make it work – I didn’t really think this would be so difficult.

I thought it would be relatively easy to just add the invisible gif to the header and make it a link.

I still think I was closer when i started. At least then I had the link working. Sure the whole page was a link, but it worked in part.

Does ANYONE have a clue as to how to do this… If I have to add code (or markup – whatever that is) to every template that’s fine. I just want to make it work.

@fanboi – could you add the code to theme and then post a link to a page with that code in place (ie add <img src="https://thejordanpease.com/test/wp-content/themes/the-jordan-pease/images/invisible.gif">).

that way we can see exactly what your issue is and be able to help.

the code

<div id="blog-title">
	<span class="title"><a href="https://thejordanpease.com/test/"><img src="https://thejordanpease.com/test/wp-content/themes/the-jordan-pease/images/invisible.gif"></a></span>
        </div>

is in place on index.php at https://thejordanpease.com/test/

but doesn’t seem to do anything, so I’m not even sure if that is the right approach. I started out doing this differently (see code I mentioned at start of thread) but was told that was wrong (even tho it came closer to working than anything suggested).

pastebin URL for index.php

let me know if u need links for stylesheet. or any or the other desktopchaos files.

Thanks for looking into it!

then you must be adding this in the wrong place, on the page you link to the source shows this:

<div id="blog-title">
        <span class="title"><a href="https://thejordanpease.com/test/"></a></span>
        <span class="description"></span>
        </div>

not what you posted above.

Do you have any cache plugins running?