CSS表格樣式

CSS是我的薄弱環節，現在我試圖改進它，請你幫我指出問題所在，而且我錯過了哪些CSS樣式。 I need to make table like in top picture 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>

更新：我忘了提，我是做HTML電子郵件，以便解決我的問題。感謝您的幫助

來源

2013-10-08 ummahusla

請說明問題.. –

它也看起來不像表格數據給我。你也可以用另一個標記來解決這個問題。或者這是通訊？ – insertusernamehere

我認爲你只需要使表默認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-->

來源

2013-10-08 11:07:26 Dave

謝謝，現在問題是解決。 – ummahusla

-1

身高是問題所在。降低logo.png圖片的高度。

來源

2013-10-08 11:10:43

這應該是評論而不是回答。 – vishalkin

您正在查找的房產可能是border-spacing，E.G. border-spacing: 0;（other table specific CSS properties），但是你不妨諮詢一下這個專題的第一次：Why not use tables for layout in HTML?

來源

2013-10-08 11:11:50

感謝您提出有關表格HTML佈局的建議，但是今天我需要在這個HTML電子郵件佈局中完全做到。 – ummahusla

@Edvin Antonov Ahh，你可能想在你的問題中加上這一點。隨着電子郵件，是的，瘋狂的桌面佈局！ –

是的，我完全忘記了這一點，但無論如何感謝您的幫助 – ummahusla

試試這個：

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>

來源

2013-10-08 12:23:08 NikeshPathania

回答

相關問題