thegermz — 2010-02-04T15:39:03-05:00 — #1
Is it possible to link an entire DIV?
ryanreese — 2010-02-04T15:50:18-05:00 — #2
Hi, since you gave the image as a background image you can't link that. Your best option here would be to absolutely overlay an anchor (note, inline styles used as demo ONLY)
<div id="homeRight" >
<div id="welcomeMessage" style="background: #f7f4e5 url('http://customghanahomes.com/wp-content/themes/Buchan/images/2_callout_btn_realtor_thumb.jpg') bottom right no-repeat;">
<h2 id="homeWelcome"><a href="http://customghanahomes.com/2010/01/hello-world/">Welcome Home!</a></h2>
<p>A home should be more than the sum of its parts, it is a structure that contains and shapes a family’s life. This extraordinary combination shapes how we build your home…</p>
<p>We build for the sophisticated and discriminating home buyer…who appreciates functionality, simplicity, practicality</p>
<p>We don’t just add a home to your life… We add a life to your home.</p>
[B]<a style="position:absolute;height:100%;top:0;right:0;width:200px;z-index:9" href="#"></a>
I think that's wide enough to cover the whole image, if not then just increase/decrease the width of the anchor to whatever you want :).
thegermz — 2010-02-04T15:53:21-05:00 — #3
That's a great fix! Thank you very much. I was just thinking of making the div a link.
ryanreese — 2010-02-04T15:54:43-05:00 — #4