CSS Help - Turning background pictures into links

[Fehm]

Hey!
Im using one of the free layouts off of HabboArchive to play around with PHP and integration, and im no good with CSS/Div's

The layout im using is this one:
http://habboarchive.net/layout/layouts/layout_16/
How would i get the tabs at the top clickable (I know how to do iframes and things, its just i dont see how you could make them clickable)

Nav Coding is this:

<div class="container">
<div class="banner"></div>
<div class="nav">
<div class="spacer_left"></div>
<div class="home"></div>
<div class="home_spacer"></div>
<div class="site"></div>
<div class="site_spacer"></div>
<div class="radio"></div>
<div class="radio_spacer"></div>
<div class="news"></div>
<div class="news_spacer"></div>
<div class="events"></div>
<div class="events_spacer"></div>
<div class="forum"></div>
<div class="forum_spacer"></div>
</div>


Thanks for any help!

[KreativeKid]

<div class="container">
<div class="banner"></div>
<div class="nav">
<div class="spacer_left"></div>
<a href="link" target="iframe"><div class="home"></div></a>
<div class="home_spacer"></div>
<a href="link" target="iframe"><div class="site"></div></a>
<div class="site_spacer"></div>
<a href="link" target="iframe"><div class="radio"></div></a>
<div class="radio_spacer"></div>
<a href="link" target="iframe"><div class="news"></div></a>
<div class="news_spacer"></div>
<a href="link" target="iframe"><div class="events"></div></a>
<div class="events_spacer"></div>
<a href="link" target="iframe"><div class="forum"></div></a>
<div class="forum_spacer"></div>
</div>


Not sure what you mean, but if you mean make the navigation link, that should work.

[Fehm]

I tried something similar to that and it didnt work, now it does, so thanks alot! :)

[emotional]

<div class="container">
<div class="banner"></div>
<div class="nav">
<div class="spacer_left"></div>
<a href="link" target="iframe"><div class="home"></div></a>
<div class="home_spacer"></div>
<a href="link" target="iframe"><div class="site"></div></a>
<div class="site_spacer"></div>
<a href="link" target="iframe"><div class="radio"></div></a>
<div class="radio_spacer"></div>
<a href="link" target="iframe"><div class="news"></div></a>
<div class="news_spacer"></div>
<a href="link" target="iframe"><div class="events"></div></a>
<div class="events_spacer"></div>
<a href="link" target="iframe"><div class="forum"></div></a>
<div class="forum_spacer"></div>
</div>


Not sure what you mean, but if you mean make the navigation link, that should work.
I didn't think that was valid? Merrr.

You could also used

<a href="page.html" class="home"></a>[/link]

and then in the CSS from the home rule

[code]position: absolute;

[Fehm]

It works :L
So i dont mind, but thanks for your help anyway :L

[Sameer!]

This also helped me as I am still learning CSS.

[Barmi]

It works :L
So i dont mind, but thanks for your help anyway :L
Using <b> and <i> tags also works... but it doesn't make it right. Seriously, why are kids fascinated by iframes?

[Jamesy]

You would add


onclick="location.href='http://www.example.com';" style="cursor:pointer;"

into the div tags.