How to make header Image clickable–Tiga Theme

but they just gave the code–didn’t tell me where to put it.

Actually, they did.
In the example there was the div clas="header" or the <div id="header"…
and you also have a
<div class="header">
...stuffff here...
</div>
portion in your code paasted to the address above.

Both solutions given in that “other thread” where you asked the same thing, refer to the header div.
1. You can add the onclick… stuff as described there to the div class="header" onlcick... >
or
2. remove the image from the stylesheet as bg and add it in INSIDE the header div as a linked image.

Okay, sorry I didn’t see that before. Thank you! Now my header is clickable, but my site is broken! I didn’t touch anything else. I can view source in Firefox and it points out where the warnings are, but I don’t understand what I’m supposed to do. It’s probably really simple!

I actually figured out how to fix it so it looks right in Firefox, but it would still be messed up in IE, so I don’t know if my “fix” was correct, or if Firefox just overlooked it. Anyway, I noticed that <div class="page"> wasn’t closed, at least as far as I could see, so I put another </div> after the one that closes <div class="header">

So that makes everything okay in Firefox, but like I said, IE still looked funky. So I took that out and I’m coming to this wonderful source of knowledge and wisdom for advice before I really screw things up.

Well, normally, that “page div” should be closed somewhere in the footer.php…
See this to get an idea how the divs open and close in different files.

Oh, that’s a nice diagram, thank you. I checked my footer file and there is a closing /div for the page. So what is the problem? And why did putting an extra one in there fix it, at least in Firefox? From what the Tidy thing tells me (in View Source), it looks like there’s something wrong with the part that says <img src> It says element not empty or not closed. What does that mean?

in XHTML tags like the <img whatever> should be “closed” like:
<img src..... last thing />
<br />
etc.

Okay, so I need to have a <br /> somewhere after my img src thing… but where exactly? I’ve tried putting it before the /a and before the /h1 and neither fixed my problem. Here’s what I have:

<div class="page">
<div class="header">
<h1><a href="https://lollymom.com/"><img src="images/LollyBannerSuperShortJPG.jpg"></a></h1>
<h2 class="blog-description"><?php bloginfo('description'); ?></h2>
<div class="header" onclick="location.href='https://www.lollymom.com';" style="cursor: pointer;">
</div>

I’m tempted to just put that extra /div at the end because that at least fixes it in Firefox. But it’s still all wonky in IE, and who knows what it looks like in other browsers!

This:
<img src="images/LollyBannerSuperShortJPG.jpg">
should look like:
<img src="images/LollyBannerSuperShortJPG.jpg" />

(sorry, the br was just another example!)

On the other hand: you don’t need to apply BOTH solutions outlined in the other thread.
If you have the “onlick…” you could keep the picture as background image.
If you have it directly hard coded in the headeras a link, you don’t need the “onlick thing”.

Ohhhh! Thank you. It’s fixed!