試圖對齊圖像

我最近進入電子郵件編碼，我從來沒有使用過表。我試圖將這4個社交圖標排列在電子郵件的頂部，但我無法弄清楚。我嘗試在表格上搜索一些東西，我認爲我對它有很好的把握。試圖對齊圖像

四個社交圖標彈出我的表，目前設置爲600寬度。

我感覺很糟糕，這必須是一個簡單的問題....

Thanks for <!DOCTYPE html> 
<html lang="en"> 
    <head> 
    </head> 

    <body> 
    <table style="margin: 0 auto;" width="600"> 
     <tr> 
     <td width="400" align="left" valign="top">View this mailing in your web browser</td> 
     <td width:"19" align="right" valign="top"><img src="img/facebook-icon.png" width="19"></td> 
     <td width:"19" align="right" valign="top"><img src="img/facebook-icon.png" width="19"></td> 
     <td width:"19" align="right" valign="top"><img src="img/facebook-icon.png" width="19"></td> 
     <td width:"19" align="right" valign="top"><img src="img/facebook-icon.png" width="19"></td> 
     </tr> 
     <tr> 
     <td width:"19" width="600;"><img src="img/breaker.png"></td> 
     </tr> 
    </table> 
</body> 
</html>

來源

2013-11-05 Shannon Scott

冒號不是HTML中的有效屬性值分隔符。所有這些「寬度：'''部分都沒有做任何事情。另外，不要在值後加分號。 – Martha

使用<td colspan="5">在第二行：

<tr> 
    <td colspan="5" width="600"><img src="img/breaker.png"></td> 
</tr>

colspan屬性主要是告訴瀏覽器這個<td>具有的寬度5列，即5「常規」<td>元素。 More here。

此外，我刪除了您在那裏的重複width屬性。

來源

2013-11-05 00:45:45

謝謝！有效。 –

試圖對齊圖像​​

回答

相關問題

試圖對齊圖像