一段時間以來，我一直在開發這個簡單的 HTML 代碼，將其用作我的簽名電子郵件。最近我添加了 .gif 照片和鏈接，使其看起來更好。我無法將 Instagram 圖標和 WhatsApp 圖標并排放置，我在互聯網上嘗試了很多方法，但沒有成功。這是我的 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:[email protected]" style="color: #06c">[email protected]</a></font></td> </tr> <tr>
1 回答
慕慕森
TA貢獻1856條經驗 獲得超17個贊
如果您希望兩個社交圖標位于同一行，一種方法是首先刪除它們之間的結束行</tr>/打開新行<tr>（我在代碼片段中這樣做了。之后，將圖標浮動在社交圖標 tds（float:left;使用字體大小和系列添加到您的樣式中），然后您應該可以開始了。我在 Whatsapp 圖標上添加了一個小的左邊距（10px），以在它們之間留出一個小空間。我還刪除了來自 Instagram 的 100px 內邊距。
希望這可以幫助！
<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:[email protected]" style="color: #06c">[email protected]</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 關注
- 128 瀏覽
添加回答
舉報
0/150
提交
取消