The problem is so simple, I have a table & tr & td etc .. inside a td there is a link !

The link has an image inside it..

I get the expected result on Outlook web desktop & gmail web desktop, mobile apps of outlook & gmail, but when it comes to Outlook 2016 Desktop, I get thios weird behavior !

r/webdev - How to prevent td that contains a link from being clickable in a table on Outlook Emails ?

td : red, a link : green

This is the code :

<td style="box-sizing: border-box; font-family: Arial, sans-serif; text-align: right; background-color: red;" width="220">     <a class="infos__link--img" href="https://www.google.com" style="background-color: green; box-sizing: border-box; font-family: Arial, sans-serif; display: inline-block;                                      width: 100%;">         <img alt="more info" src="https://wvw.naef.ch/l/881863/2021-02-15/n48v/881863/1613421727UpzRLznj/green_cta.png" style="box-sizing: border-box; font-family: Arial, sans-serif; max-width: 480px;" width="200" >     </a> </td>  

As you can see, the td has a red background & the link has a green one, but when I click the red zone, I am redeirected to the link! This is not supossed to happen!

Any idea on how to prevent that ?

Any help would be much appreciated really!



Source link

Write A Comment