0
添付の例の画像と灰色の領域を一緒に貼り付けたいとは同じ高さにしてください - しかし、これを破棄する境界線の間隔を削除することはできません。テーブルの境界線の間隔を削除できません
私が間違ってやって上の任意のアイデア？面倒なスタイルシートについては申し訳ありません。
https://jsfiddle.net/q43L8pqy/1/
PS：私は、これはのdivのによって解決することができ知っているが、これは非常に特異な環境にあります。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<style>
body {
background-color: #efefef;
border: 0px;
margin: 0px;
}
h1, h2, h3 {
color: #333333;
margin: 0px;
font-family: Verdana, Helvetica;
}
}
h1 {font-size: 21px;}
h2 {font-size:18px;font-weight:bold;}
h3 a {color: #0269cd; text-decoration: none; text-decoration: none;font-weight:bold;}
table.module{border-spacing:0!important;background-color: #ffffff;border-collapse: collapse;}
h3 {font-size: 16px;font-weight:normal;}
html,body{min-width:600px;}
</style>
</head>
<body style="background-color: #efefef;">
<div style="padding-top:150px;padding-bottom:150px;background-color:white;">
<table width="600" height="242" align="center" border="0" cellspacing="0" cellpadding="0" class="module" >
<tr>
<td width="263" height="242" style="padding-left:30px;"><a href="http://www.cnn.com"> <img src="http://placekitten.com/263/242" width="263" height="242" alt="Module2_img"></a></td>
<td width="277" height="242" align="left" style="padding-left:18px;background-color:#efefef;">
<h2>Content</h2><br>
<h3>There should be a cute cat on the left <br><br>
<a href="http://www.ikea.no/">Click this</a></h3>
</td>
</tr>
</table>
</div>
</body>
</html>