DIV’s are a must in all CSS-based web design. They give you all kinds of fantastic positioning ability and give structure to your HTML. You can put links inside of a DIV, of course, but sometimes you just want the whole DIV to be clickable as a link. No problem, here is how it’s done:

<div onclick="location.href='YOUR-URL-HERE';" style="cursor: pointer;"></div>

The cursor style parameter changes the cursor into the default pointer cursor when a vistor mouses over the DIV, which is a nice visual indication of it’s clickability.

Theoretically Related Articles:

• Links Inside of Larger Clickable Areas
• Avoid “CSS Jitter”
• CSS Beginner Mistakes: “Divitus”, Absolute Postioning
• * { margin: 0; padding: 0; } No Longer Cool
• CSS Trick: Creating a Body-Border