Buga Email Signature in Gmail

2

I created an email signature in HTML, in Thunderbird it works, but in Gmail it buga, it does not seem to interpret the css.

<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Assinatura Sitear</title>
    <style type="text/css">
        @font-face{font-family: "tw-cent"; src:url("http://www.sitear.com.br/img/ass/font.ttf");}
        hr{margin-bottom: -3px;}
        small{ font-size: 10pt; color: #BBB; margin-left: 5px;}
        body { font-size: 12pt; font-family: "tw-cent"; }
        a { color: #5D5D5D; text-decoration: none;}
        a:hover{ text-decoration: underline;font-weight: bold; color: #148f07;}
        body ul { list-style: none; }
        body li { display: inline-block; line-height: 2px;}
        #logo img {padding: 10px 30px 10px 0; margin: 10px 30px 10px 0; border-right: 3px solid #CCC; }
        #info img{ margin: -3px 5px -3px 0px; position: relative; top: 2px;}
        #info { position: relative; top: -17px;}
    </style>
</head>
<body>
    <ul id="ass">
        <li id="logo">
            <img src="http://sitear.com.br/img/ass/miniatura.png"height="100" width="100">
        </li>

        <li id="info">
            <h3>Clara Battesini<small> Webdesigner</small></h3>
            <hr>
            <h4><a target="_blank" href="http://www.sitear.com.br">www.sitear.com.br</a></h4>
            <h5><img src="http://sitear.com.br/img/ass/email.png"><ahref="mailto:[email protected]">[email protected]</a></h5>
            <h5><img src="http://sitear.com.br/img/ass/tel.png"><a>(71)9926-0999</a> / <a>(71)9655-7318</a></h5>
        </li>
    </ul>   
</body>
</html>
    
asked by anonymous 27.10.2014 / 15:40

1 answer

3

As far as I can see, gmail simply ignores the <style></style> tag. Soon after applying the entire "inline" css it worked. I had to change the list to a table.

    
27.10.2014 / 16:06