HTML - how to make an entire DIV a hyperlink?

html xhtml hyperlink
Teddyk picture Teddyk · Feb 2, 2010 · Viewed 244.1k times · Source

How do I make an entire DIV a clickable hyperlink. Meaning, I essentially want to do:

<div class="myclass" href="example.com">
    <div>...</div>
    <table><tr>..</tr></table>
    ....
</div>

And whenever someone mouse hovers of the myclass DIV, I want the entire DIV it to be a clickable hyperlink.

Answer

Joel Etherton picture Joel Etherton · Feb 2, 2010

You can add the onclick for JavaScript into the div.

<div onclick="location.href='newurl.html';">&nbsp;</div>

EDIT: for new window

<div onclick="window.open('newurl.html','mywindow');" style="cursor: pointer;">&nbsp;</div>

Related questions

<div> within <a>

I have made a simple fragment of html, which contains this: <a href="#"><div>Something here</div></a> It obviously alert me that div cannot be inside an <a> tag. …

Read More
Redirect from an HTML page

Is it possible to set up a basic HTML page to redirect to another page on load?

Read More
RegEx match open tags except XHTML self-contained tags

I need to match all of these opening tags: <p> <a href="foo"> But not these: <br /> <hr class="foo" /> I came up with this and wanted to make sure I've got …

Read More