title: How to redirect from DIV and bypass child anchor href
body: <p>Please I need your help with the code below. I want to add an onclick event to a whole DIV to redirect to an url but I cannot bypass the href included in a child anchor inside the DIV.:</p>
  
  <p>i.e. (The goal is to redirect to google.com clicking anywhere on the image or the text):</p>
  
  <pre><code>&lt;html&gt;
    &lt;div onclick="location.href='http://www.google.com'"&gt;
      &lt;div&gt;
        &lt;a href="http://en.wikipedia.org/"&gt;
          &lt;img height="200" width="200" src="http://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png"&gt;
        &lt;/a&gt;
        Test
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This works fine when I use a local URL like 'file:///E:/Documents/Blog/Design/Tmp1.html' (I don't know why).
  Thank you.</p>
  
  <p>Update: I'm adding the idea behind this request: I need this for the Index section of my blog that Blogger builds with the same routine that it uses for individual posts. In the Index I want that every click in the main Div redirects to the Post, but inside the post a click in the image must goes to the image's href. My idea was that the "onclick" event it's added dinamically to the DIV only for the Index section.</p>