Question

I have written a web page in which links are all contained within their own tags. I’ve also made them all button styles with CSS (border, background color, padding). How do I enable the whole DIV to be clicked to activate the link?

Answer 1

The best way to do this kind of effect (making links act like buttons) is to apply css to the links themselves. Here’s a basic example:

a.mylink {
display: block;
padding: 10px;
width: 200px;
background-color: #000;
color: #fff;
}

Test it out – the whole of the button is clickable. And it respects the browser’s normal link actions like right-clicking, status url information, etc.