making an entire div a link

[johnmr]

is it possible to wrap a <a href...> tag around a <div> to make the whole thing a link? Any help appreciated.

[Ryan Fait]

No, but you can specify a height and width for a link and then place it over the box:

Code: Select all

a.box {
    position: absolute;
    width: 200px;
    height: 200px;
    text-indent: -5000px;
    display: block;
}
#info {
    width: 200px;
    height: 200px;
}

Code: Select all

<a href="#" class="box">Hidden Link Text</a>
<div id="info">
    <p>Content in a div.</p>
</div>

Something like that. It would help to know exactly what you're trying to do with it, but if you're a little bit familiar with CSS, you'll figure it out.

[johnmr]

that sounds like it will work - thanks for the advice! I'll let you know how it goes.

[Ryan Fait]

No problem.