基本HTML表格格式的電子郵件

我想提出一個簡單的通訊佈局只能包含基本的HTML，但我被逮住上正確進行格式化。我有很少的HTML體驗，如果我可以使用CSS，我可以把它放在外面，但是這意味着大多數電子郵件客戶端可以正確顯示的低級HTML。基本HTML表格格式的電子郵件

這是一個位的代碼，我對我所做的獲取圖像和按鈕（按鈕2的位置），尋找正確的，但它得到的頂部和底部的按鈕，坐在那裏正確這是個問題。

<table width="100%" style="text-align:center;"> 
<td> 
<img src="http://localhost/temp/leftpic.png"></td> 
<td> 
<img src="http://localhost/temp/button.png"></td> 
</table>

這是我的設計成果。外部邊界是在頁面中間居中的表格邊界。

是否有可能格式化的東西比較接近這個不使用CSS？

我感謝任何幫助，歡呼聲。

來源

2015-11-03 XanT

您可以使用CSS，你只需要避免第三方文件。您需要內聯定義CSS規則，即在style屬性中，因爲您已經在爲table執行該規則。但是，您的HTML無效。你需要讓你的td元素之外tr元素，它是健康的，積極包裝一個tbody裏面你tr元素，這應該是你的table的孩子。順便說一句：在這種情況下應避免使用第三方css的原因是它可能會混淆gmail/yahoo頁面的設計。

來源

2015-11-03 11:25:39

像這樣的事情會開始你了...這是一個沒有CSS，沒有樣式（比你有什麼最初除外）。

雖然你國沒有CSS但是你的第一線造型（雖然內嵌）。你只是說沒有外部文件？

這是我們如何使用CSS之前做的佈局，所以這是使用HTML表格：

<table width="100%" style="text-align:center;" border="1"> 
    <tr> 
<td width="50%"> 
     <img src="http://localhost/temp/leftpic.png" width="390" height="480" /> 
    </td> 
<td> 
    <table> 
     <tr> 
     <td><input type="button" value="bn1" /></td> 
     </tr> 
     <tr> 
     <td><input type="button" value="bn2" /></td> 
     </tr> 
     <tr> 
     <td><input type="button" value="bn3" /></td> 
     </tr> 
    </table> 
    </td> 
    </tr> 
</table>

既然你有你的左圖像的固定高度，您還可以使用

<tr height="160">

由於160 * 3 = 480（圖像的高度）

在這裏看到的示例https://jsfiddle.net/on6ytfyn/

您可能還想在第一行代碼中刪除邊框。

來源

2015-11-03 11:36:30 MyDaftQuestions

這正是我以前的樣子。是的，第一個造型部分不應該在我的代碼中，是一個錯誤。我會用它作爲模板，並從這裏開始將它改爲我所需要的。造型沒有明確禁止我只是試圖使用最低限度。謝謝！ – XanT

基本HTML表格格式的電子郵件

回答

相關問題