How to prevent Microsoft Outlook from creating a blue link in the html where it is written www.algo.com

3

I'm doing an email marketing with html text and images. In some parts of the text there is a company address: www.company.com.br, which should not be a link, just text.

When sending to test, gmail and outlook automatically create a blue clickable and underlined link.

I got through "css", "font face" and "href = #" (I had to insert for it to avoid underlined blue) to make the link without the blue color and without underline, anything. But when I forward this email from Outlook, it creates the link again, to the address of the company.

Is there anything that might block outlook from creating this link? Make it read the text "www" and do not interpret it as a link?

    
asked by anonymous 23.10.2015 / 15:43

3 answers

2

You can use the pointer-events property to disable the click event.

.link {
  pointer-events: none;
  color: #000;
  text-decoration: none;
}
<a href="http://www.empresa.com.br" class="link">www.empresa.com.br</a>
    
23.10.2015 / 15:50
1

You can by the link between the tag <pre>

<pre><a href="http://www.empresa.com.br" class="link">www.empresa.com.br</a></pre>

but for css it would be more dynamic at the end, like Laerte's answer

    
23.10.2015 / 15:58
1

.link {
  pointer-events: none;
  color: #000;
  text-decoration: none;
}
<font face="Arial, Helvetica, sans-serif" color="#5a5a5a"><a href="#" style="color:#5a5a5a; text-decoration:none; pointer-events: none; cursor: default;"><font face="Arial, Helvetica, sans-serif"  color="#5a5a5a">www.empresa.com.br</font></a></font>.
    
23.10.2015 / 16:40