CSS стили таблицы

Question

CSS - моя слабая сторона, и теперь я пытаюсь ее улучшить, не могли бы вы помочь мне разобраться, в чем проблема, более того, какой стиль CSS мне не хватает.

<table> 
    <tr> 
    <td style=width:"177px; height:92px"><img src="logo.png"></td> 
    <td rowspan="2"><img src="img2.png"></td> 
    </tr> 
    <tr> 
    <td style=width:"177px; height:100px"><img src="img1.png"></td> 
    </tr> 
    </tr> 
</table> 

UPDATE: Я забыл упомянуть, что я делаю HTML электронной почте, чтобы решить мою проблему. Спасибо за вашу помощь

Answer 1

Я думаю вам просто нужно сделать CELLSPACING таблицу по умолчанию и CELLPADDING 0 (предполагается, что первое изображение в вашем посте желаемого результата)

<table cellpadding=0 cellspacing=0 > 

Хотя DIV может быть проще

<div> 
    <div style = width:"177px; height:92px; float:left;"> 
     <img src="logo.png"><br /> 
     <img src="img2.png"> 
    </div> 
    <div style=width:"177px; height:100px; float:left;"> 
     <img src="img1.png"> 
    </div> 
</div> 

Тогда давайте считать 1 шаг

<style> 
.wrapper 
{ 
    background-color:#ccc; 
    padding:5px; 
} 
.content 
{ 
    width:177px; 
    height:100px; /*Made them both 100px although one was 92px, this may not be correct*/ 
    float:left; 
} 
</style> 


<div class="wrapper"> 
    <div class="content"> 
     <img src="logo.png"><br /> 
     <img src="img2.png"> 
    </div><!--/content--> 
    <div class="content"> 
     <img src="img1.png"> 
    </div><!--/content--> 
</div><!--/wrapper--> 

Answer 2

высота проблема. Уменьшите высоту изображения logo.png.

Answer 3

Недвижимость, которую вы ищете, может быть border-spacing, E.G. border-spacing: 0; (other table specific CSS properties), однако вы можете ознакомиться с этой темой первой: Why not use tables for layout in HTML?

Answer 4

Попробуйте это:

CSS

table {border:1px solid #ccc; 
.logo{ width:100px; }.img2{ width:300px } 

HTML

<table cellpadding="0" cellspacing="0"> 
    <tr> 
    <td class="logo"> 
    <img src="logo.png" /><br /> 
    <img src="img1.png"> 
    </td> 
    <td class="img2"><img src="img2.png"></td> 
    </tr> 
</table>