title: HTML Emails: making table clickable using <a href>
body: <p>I am building an HTML email and want to make an entire table clickable. </p>
  
  <p>I have already come up with a JavaScript solution to do this, which works perfectly well however I would prefer to just wrap the table in  tags and not use JavaScript. </p>
  
  <pre><code>&lt;a href="#"&gt;
    &lt;table border="0"&gt;
     &lt;tr&gt;
      &lt;td style="width: 100px; height: 100px"&gt;
      &lt;/td&gt;          
     &lt;/tr&gt; 
    &lt;/table&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>This works well enough in Firefox although it is not valid HTML given I'm enclosing a block level element () within an inline one ().</p>
  
  <p>I currently don't have the means to test this on all email platforms so would like to know if there are any known email platforms that will not support this approach?</p>
  
  <p>Any help would be greatly appreciated.</p>
  
  <p>If anyone is looking for a JavaScript solution to perform the same function then here is one below:</p>
  
  <pre><code>            &lt;html&gt;
                  &lt;head&gt;
                  &lt;title&gt;&lt;/title&gt;
                  &lt;script type="text/javascript"&gt;
                  function link(url){
                  alert("url is "+url);
                  }
                  &lt;/script&gt;
                  &lt;/head&gt;
                  &lt;body&gt;
                  &lt;table style="background-color: red" border="0" onclick="link('test url');" onmouseover="this.style.cursor='pointer';"&gt;
                    &lt;tr&gt;
                      &lt;td style="width: 100px"&gt;This is a &lt;/td&gt;
                      &lt;td style="width: 100px; background-color: blue"&gt;test &lt;/td&gt;
                      &lt;td style="width: 100px"&gt;table &lt;/td&gt;
                    &lt;/tr&gt;
                  &lt;/table&gt;
                  &lt;/body&gt;
              &lt;/html&gt;
  </code></pre>