Email Subscription in Gmail

Asked

Viewed 585 times

2

I created an email signature in HTML, in Thunderbird it works, but in Gmail she Buga, 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"><a href="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>
css html5 gmail
  • 3

    Does Gmail accept the full HTML, I mean with this <HTML> declaration, <BODY>? I thought you should use a fragment, the one inside BODY, and CSS, you use Inline instead of <HEAD>

  • Thanks, I’m putting all the css inline here.

  • Ideally stick to HTML 4, and avoid email CSS.

  • @Clarabatt if your answer is already satisfactory for you, you can accept it as the correct one.

1 answer

3


Well from what I can see, gmail simply ignores the tag <style></style>. Soon applying the whole css "inline" it worked. I had to exchange the list for a table.

  • 3

    For a geriatric technology like Email nothing like good old-fashioned <table> :)

  • 1

    @Brasofilo old pan is that makes good food :)

Browser other questions tagged css html5 gmail

You are not signed in. Login or sign up in order to post.