Let me preface this with warning you that my code for the page is currently a mess! I apologize, I've been fiddling with it non-stop and haven't really tidied anything up. It's for this pet page.

My question is how do I put the treasure in as an anchor linked section? Like this. I've tried creating a new div, tried linking it with the current div, tried changing the z-index, and it still just hangs out on top taunting me. I wasn't even sure if this was possible until I came across the afore-linked profile, but now that I know that it is it's driving me crazy! I'm probably doing something absurdly incorrect.

Also, how do I hide the text on my pull-out tab until it pulls out? And why is it hanging off the edge? I'm trying to learn tabs right now and I can't fix those two things.

Oh! And is hiding equipped items possible? I've tried searching for any threads with the code id for it but haven't had luck.

Thank you in advance for anyone with the patience to take a look and help! ❤️

Ok so maybe let's go through these backwards xD

1. it doesn't look like you are using your stats in the profile so just display:none; your entire column_3 and the equipped potions will go away.

2. By pull-out tab do you mean the minion? The blank space at the top is caused by there being a secret padding-top:50px in subeta's code, if you give column_1 a padding:0px; it will be gone. Easiest way to have the minion text not display is adding something like this to the code {display:none;} :hover {display:block;} c:

3. The treasure is always some sort of a trick. If you want it showing up a click you will generally need to use a :target pseudo class (read up on it if you haven't yet. Generally it's just like :hover except it reacts to treasure being linked to instead of your cursor hovering over it) To use a z-index the other tabs would need to have a solid background because even if it is hidden under something, if that something is transparent... So what we are going to do instead is something like this {height:0px;} :target { height:300px;}

So, um, try that out first, then ask if you have any questions how to use it to make what you want to achieve specifically?

You will want to remove the div you created named pet_treasure first because having two elements named the same thing really messes things up xD

Oh my goodness, you're a lifesaver, thank you! That makes so much more sense and is way less complicated than the way I was going about it.

The treasure now links correctly, but it appears on top of the text when you click it after clicking either the credits or story sections. Is there a way to fix this without adding in a background?