title: How Can I Make An Area A Clickable Link?
body: <p>I have a slideshow on my main homepage, and on the bottom of it, it's showing text.</p>
  
  <p>I'd like the text, when hovered over, to change color to red, and to be able to be clicked, redirecting to a given link.</p>
  
  <p>My code is as follows:</p>
  
  <pre><code>&lt;div data-u="loading" style="position: absolute; top: 0px; left: 0px;"&gt;
      &lt;div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"&gt;&lt;/div&gt;
      &lt;div style="position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 1300px; height: 450px; overflow: hidden;"&gt;
      &lt;div data-p="218.75"&gt;
          &lt;img data-u="image" src="images/slides/slide1.jpg" /&gt;
          &lt;div style="position:absolute;top:370px;left:379px;width:500px;height:70px;z-index:0;font-family:Comic Sans MS;font-size:72px;color:#000000;line-height:70px;text-align:center;"&gt;Rationale&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Any help will be greatly appreciated!</p>