ホームページ > ウェブフロントエンド > htmlチュートリアル > QQ メールボックスの電子メール テンプレートが変形しているのはなぜですか?専門家が見てみる_html/css_WEB-ITnose

QQ メールボックスの電子メール テンプレートが変形しているのはなぜですか?専門家が見てみる_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:14:30
オリジナル
2430 人が閲覧しました

この投稿は letmeto によって最終編集されました: 2012-09-03 14:15:10

QQ メールに を追加したところ、メール テンプレートが変形していることがわかりました。どうやって対処すればいいのでしょうか?コードは次のとおりです:
????
注: を削除すると、正常に表示されます。CSS3.0 は table 属性と互換性がありません。互換性を持たせるために変更するにはどうすればよいですか?


<!DOCTYPE html><html><head></head><body>		<!-- Save for Web Slices (zhanhui.psd) --><table id="__01" width="824" height="491" border="0" cellpadding="0" cellspacing="0">	<tbody><tr>		<td colspan="11">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_01.png" width="823" height="20" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="20" alt=""></td>	</tr>	<tr>		<td rowspan="13">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_02.png" width="21" height="470" alt=""></td>		<td colspan="2" rowspan="4">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_03.png" width="504" height="150" alt=""></td>		<td colspan="8">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_04.png" width="298" height="115" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="115" alt=""></td>	</tr>	<tr>		<td rowspan="3">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_05.png" width="53" height="35" alt=""></td>		<td rowspan="3"><font size="-1">82122146</font></td>		<td rowspan="3">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_07.png" width="16" height="35" alt=""></td>		<td colspan="2" rowspan="3">		  <font size="-1">48076124</font></td>		<td colspan="3">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_09.png" width="63" height="7" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="7" alt=""></td>	</tr>	<tr>		<td colspan="2">			<a href="http://www.szhr.com.cn/xfile/renyu/2012毕业生双选会邀请函.doc" target="_blank"><img src="http://www.szhr.com.cn/xfile/images/zhanhui_10.png" width="18" height="20" border="0" alt="第十六届高校毕业生就业创业双向选择大会"></a></td>		<td rowspan="11">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_11.png" width="45" height="348" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="20" alt=""></td>	</tr>	<tr>		<td colspan="2" rowspan="3">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_12.png" width="18" height="130" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="8" alt=""></td>	</tr>	<tr>		<td rowspan="4">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_13.png" width="1" height="148" alt=""></td>		<td rowspan="4">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_14.png" width="503" height="148" alt=""></td>		<td colspan="5">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_15.png" width="235" height="115" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="115" alt=""></td>	</tr>	<tr>		<td rowspan="3">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_16.png" width="53" height="33" alt=""></td>		<td rowspan="3"><font size="-1">82122146</font></td>		<td rowspan="3">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_18.png" width="16" height="33" alt=""></td>		<td rowspan="3"><font size="-1">48076124</font></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_20.png" width="1" height="7" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="7" alt=""></td>	</tr>	<tr>		<td colspan="3">			<a href="http://www.szhr.com.cn/xfile/renyu/2012中国国际人才交流大会邀请函.doc" target="_blank"><img src="http://www.szhr.com.cn/xfile/images/zhanhui_21.png" width="19" height="20" alt="最高规格2012年国际人才交流大会邀请函" border="0"></a></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="20" alt=""></td>	</tr>	<tr>		<td colspan="3" rowspan="2">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_22.png" width="19" height="125" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="6" alt=""></td>	</tr>	<tr>		<td colspan="2" rowspan="4">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_23.png" width="504" height="152" alt=""></td>		<td colspan="4">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_24.png" width="234" height="119" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="119" alt=""></td>	</tr>	<tr>		<td rowspan="3">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_25.png" width="53" height="33" alt=""></td>		<td rowspan="3"><font size="-1">82122146</font></td>		<td rowspan="3">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_27.png" width="16" height="33" alt=""></td>		<td colspan="3" rowspan="3"><font size="-1">48076124</font></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_29.png" width="17" height="6" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="6" alt=""></td>	</tr>	<tr>		<td>			<a href="http://www.szhr.com.cn/xfile/组团赴内地招聘.doc" target="_blank"><img src="http://www.szhr.com.cn/xfile/images/zhanhui_30.png" width="17" height="20" alt="2012组团招聘邀请函" border="0"></a></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="20" alt=""></td>	</tr>	<tr>		<td rowspan="2">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_31.png" width="17" height="27" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="7" alt=""></td>	</tr>	<tr>		<td colspan="8">			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_32.png" width="740" height="20" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="20" alt=""></td>	</tr>	<tr>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="21" height="1" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="1" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="503" height="1" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="53" height="1" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="90" height="1" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="16" height="1" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="75" height="1" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="1" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="1" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="17" height="1" alt=""></td>		<td>			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="45" height="1" alt=""></td>		<td></td>	</tr></tbody></table><!-- End Save for Web Slices -->	</body></html>
ログイン後にコピー


ディスカッションへの返信 (解決策)

専門家、見てください!



繰り返しますか?
は HTML5 で書かれています。一部のタグは HTML5 でサポートされていない可能性がありますが、

はサポートされている必要があります。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート