一段時(shí)間以來(lái)，我一直在開(kāi)發(fā)這個(gè)簡(jiǎn)單的 HTML 代碼，將其用作我的簽名電子郵件。最近我添加了 .gif 照片和鏈接，使其看起來(lái)更好。我無(wú)法將 Instagram 圖標(biāo)和 WhatsApp 圖標(biāo)并排放置，我在互聯(lián)網(wǎng)上嘗試了很多方法，但沒(méi)有成功。這是我的 HTML 簽名的代碼。這是我簽名的截圖<table cellspacing="0" cellpadding="0" border="0" style="width: 590px;"> <tbody><tr> <td style="border-right: 2px solid #a9a9a9; padding-right: 0px; vertical-align:middle" valign="middle"><a href="https://beattor.com.br/"><img id="BeattorLogo" data-class="external" src="https://beattor.com.br/wp-content/uploads/2020/04/Gif-Assinatura-do-Email-2.gif" height="150px" walt="Beattor Comunicacao" style="display: block"></a></td> <td style="vertical-align: middle; padding-left: 10px;"> <table cellspacing="0" cellpadding="1" border="0"> <tbody><tr> <td style="font-family: Verdana; font-size: 12pt; color: rgb(51, 51, 51);"> <font style="font-weight: bold; font-family: Verdana; font-size: 12pt; color: rgb(51, 51, 51);">Thiago Dam</font> </td> </tr> <tr> <td style="padding-bottom: 5px; font-weight: bold; font-family: Verdana; font-size: 10pt; color: rgb(51, 51, 51);"> <font style="font-family: Verdana; font-size: 10pt; color: rgb(51, 51, 51);">CEO e Diretor Comercial</font> </td> </tr> <tr> <td style="font-family: Verdana; font-size: 10pt;"><font style="color: #333333; font-size: 10pt; font-family: Verdana">Site: <a href="https://beattor.com.br/" style="color: #06c">beattor.com.br</a></font></td> </tr> <tr> <td style="font-family: Verdana; font-size: 10pt;"><font style="color: #333333; font-size: 10pt; font-family: Verdana">Email: <a href="mailto:thiago.dam@beattor.com.br" style="color: #06c">thiago.dam@beattor.com.br</a></font></td> </tr> <tr>
1 回答
慕慕森
TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超17個(gè)贊
如果您希望兩個(gè)社交圖標(biāo)位于同一行，一種方法是首先刪除它們之間的結(jié)束行</tr>/打開(kāi)新行<tr>（我在代碼片段中這樣做了。之后，將圖標(biāo)浮動(dòng)在社交圖標(biāo) tds（float:left;使用字體大小和系列添加到您的樣式中），然后您應(yīng)該可以開(kāi)始了。我在 Whatsapp 圖標(biāo)上添加了一個(gè)小的左邊距（10px），以在它們之間留出一個(gè)小空間。我還刪除了來(lái)自 Instagram 的 100px 內(nèi)邊距。
希望這可以幫助！
<table cellspacing="0" cellpadding="0" border="0" style="width: 590px;">
<tbody>
<tr>
<td style="border-right: 2px solid #a9a9a9; padding-right: 0px; vertical-align:middle" valign="middle">
<a href="https://beattor.com.br/"><img id="BeattorLogo" data-class="external" src="https://beattor.com.br/wp-content/uploads/2020/04/Gif-Assinatura-do-Email-2.gif" height="150px" walt="Beattor Comunicacao" style="display: block"></a>
</td>
<td style="vertical-align: middle; padding-left: 10px;">
<table cellspacing="0" cellpadding="1" border="0">
<tbody>
<tr>
<td style="font-family: Verdana; font-size: 12pt; color: rgb(51, 51, 51);">
<font style="font-weight: bold; font-family: Verdana; font-size: 12pt; color: rgb(51, 51, 51);">Thiago Dam</font>
</td>
</tr>
<tr>
<td style="padding-bottom: 5px; font-weight: bold; font-family: Verdana; font-size: 10pt; color: rgb(51, 51, 51);">
<font style="font-family: Verdana; font-size: 10pt; color: rgb(51, 51, 51);">CEO e Diretor Comercial</font>
</td>
</tr>
<tr>
<td style="font-family: Verdana; font-size: 10pt;">
<font style="color: #333333; font-size: 10pt; font-family: Verdana">Site: <a href="https://beattor.com.br/" style="color: #06c">beattor.com.br</a></font>
</td>
</tr>
<tr>
<td style="font-family: Verdana; font-size: 10pt;">
<font style="color: #333333; font-size: 10pt; font-family: Verdana">Email: <a href="mailto:thiago.dam@beattor.com.br" style="color: #06c">thiago.dam@beattor.com.br</a></font>
</td>
</tr>
<tr>
<td style="padding-right: 100px; font-family: Verdana; font-size: 10pt;">
<font style="color: #333333; font-size: 10pt; font-family: Verdana">Contato:
<font style="color: #333333; font-size: 10pt; font-family: Verdana"><a href="tel:21964079707" style="color: #06c">(21) 96407-9707</a></font>
</td>
</tr>
<tr>
<td style="padding-right: 50px; font-family: Verdana; font-size: 10pt;">
<font style="color: #333333; font-size: 10pt; font-family: Verdana">
<font style="color: #333333; font-size: 10pt; font-family: Verdana"></font>
</td>
</tr>
<tr>
<td style="font-family: Verdana; float:left; font-size: 10pt;">
<a href="https://www.instagram.com/abeattor/"><img id="InstagramLogo" data-class="external" src="https://beattor.com.br/wp-content/uploads/2020/04/Instagram-Logo-Beattor-Comunicacao.png" height="30px" walt="Instagram da Beattor" style="display:block; "></a>
</td>
<td style="font-family: Verdana; margin-left:10px; float:left; font-size: 10pt;">
<a href="https://api.whatsapp.com/send?phone=5521964079707&text=Ol%C3%A1,%20tudo%20bem%3F%20Eu%20gostaria%20de%20mais%20informa%C3%A7%C3%B5es%20sobre%20a%20Beattor%20Comunicacao"><img id="WhatsApp Logo" data-class="external" src="https://beattor.com.br/wp-content/uploads/2020/04/WhatsApp-Logo-Beattor-Comunicacao.png" height="30px" walt="WhatsApp da Beattor" style="display:block;"></a>
</td>
</tr>
</tr>
</tr>
</tbody>
</table>
- 1 回答
- 0 關(guān)注
- 138 瀏覽
添加回答
舉報(bào)
0/150
提交
取消