Div (layer) being used as an active link?

[paddyhaig]

Is it possible to use an entire div layer as an active link?

[andrewgauger]

<DIV onClick="javascript:window.location='home.html'"> click me</div>

[jacko310592]

as above; or if you wanted a CSS solution, you could put an Anchor inside of the div and strech it to 100%, you would need to add a display propety to the <a> of display:block though for this to work (as far as i am aware), see below:

 

HTML:

<div>
<a href="mysite.com">
Click Me

more content, blah blah blah blah...
</a>
</div>

 

CSS:

div {
height: 200px;	/*or whatever*/
width: auto;	/*or whatever*/
}

div a {
display: block;	/*to allow width and height manipulation*/
height: 100%;	/*entire height of div*/
width: 100%;	/*entire width of div*/
}

 

hope this helps

[andrewgauger]

Does that work with scripting disabled?  It looks like it would.  Interesting solution.

[jacko310592]

yes, noscript users should have no problems with it (:

[haku]

I use that method (and/or variations of it) regularly. Works well, and is valid code.