# Div link

**URL:** <https://forum.kirupa.com/t/div-link/265868>\
**Category:** Uncategorized\
**Created:** [July 13, 2008, 11:37pm UTC](https://forum.kirupa.com/t/div-link/265868 "2008-07-13T23:37:10Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![sekasi](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@sekasi](https://forum.kirupa.com/u/sekasi)\
**Post date:** [July 13, 2008, 11:37pm UTC](https://forum.kirupa.com/t/div-link/265868/1 "2008-07-13T23:37:10Z")

</div>

Heya. What’s a xhtml strict way of linking a whole div ? It’s got no content apart from a background image.

thanks :beer2:

---

<div class="post-metadata">

**Author:** ![actionAction](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/actionaction/32/3987_2.png) [@actionAction](https://forum.kirupa.com/u/actionAction)\
**Post date:** [July 13, 2008, 11:41pm UTC](https://forum.kirupa.com/t/div-link/265868/2 "2008-07-13T23:41:58Z")

</div>

I think using the onclick event of the div to change the location.href of your current page is the only way to do this. I have been known to be wrong though. 🙂

---

<div class="post-metadata">

**Author:** ![Templarian](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/templarian/32/7152_2.png) [@Templarian](https://forum.kirupa.com/u/Templarian)\
**Post date:** [July 14, 2008, 4:16am UTC](https://forum.kirupa.com/t/div-link/265868/3 "2008-07-14T04:16:47Z")

</div>

^hes right. The basic way is to do whats below. If you want to do a better way put a style=“display:block;width:100%;heigh:100%;” and positon the href over the div (usually by placing it into another div).

The simple JS way is below (off the top of my head and its late):

```auto
<div class="ClassRollout" onclick="location.href='http://www.google.com/'" onmouseover="this.className='ClassRollover'" onmouseout="this.className='ClassRollout'">
content
</div>

```

//might be window.location.href if above doesn’t work

---

<div class="post-metadata">

**Author:** ![sekasi](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@sekasi](https://forum.kirupa.com/u/sekasi)\
**Post date:** [July 14, 2008, 12:30pm UTC](https://forum.kirupa.com/t/div-link/265868/4 "2008-07-14T12:30:24Z")

</div>

Thanks ; )

---

<div class="post-metadata">

**Author:** ![sekasi](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@sekasi](https://forum.kirupa.com/u/sekasi)\
**Post date:** [July 15, 2008, 7:39pm UTC](https://forum.kirupa.com/t/div-link/265868/5 "2008-07-15T19:39:38Z")

</div>

worked great btw, just had to set cursor:pointer to indicate the link (header in my blog)

thanks guys!

---

<div class="post-metadata">

**Author:** ![actionAction](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/actionaction/32/3987_2.png) [@actionAction](https://forum.kirupa.com/u/actionAction)\
**Post date:** [July 15, 2008, 11:50pm UTC](https://forum.kirupa.com/t/div-link/265868/6 "2008-07-15T23:50:18Z")

</div>

glad to help 🙂 :thumb2: