|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
 請教一個表格高度適應圖片的問題
[img]http://www.hongfenglin.com/dj.jpg[/img]
如圖，我沒設定表格高度 為的是讓表格高度自適應 表格裡圖片的高度
（圖片是程序取的 可變）
為什麼會出現 圖片下的那行空白？？？
|
是圖片本身就有空白嗎？
還是被CSS定義了，可以再把表格往上拉 |
圖片本身沒有空白
我的表格高度沒有設置 為了讓它自動適應圖片高度
下面的空白不知道怎麼出現的
鬱悶呀 |
| 我感覺是你表格的屬性問題，你可以看一下那CPACE是0 嗎 |
borde
cellpadding
cellspacing
這些我都設置為0了呀 |
是不是用CSS定義過？？？裡有個回車符號？
用DELETE看看行嗎 |
這個表格的代碼是這樣的
請幫忙看下有沒有問題
[html]<table width="269" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="13" colspan="3"><img src="../images/zstp01.jpg" width="269" height="13"></td>
</tr>
<tr>
<td width="13" background="../images/zstp02.jpg">
</td>
<td width="240"><img src="../picture/<%=rs("picpath")%>" width="240" border="0">
</td>
<td width="16" background="../images/zstp03.jpg">
</td>
</tr>
<tr>
<td height="13" colspan="3"><img src="../images/zstp04.jpg" width="269" height="13"></td>
</tr>
</table>[/html] |
<table width="269" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="../images/zstp01.jpg" width="269" ></td>
</tr>
<tr>
<td width="13" background="../images/zstp02.jpg">
</td>
<td width="240"><img src="../picture/<%=rs("picpath")%>" width="240" border="0"></a>
</td>
<td width="16" background="../images/zstp03.jpg">
</td>
</tr>
<tr>
<td height="13" colspan="3"><img src="../images/zstp04.jpg" width="269" height="13"></td>
</tr>
</table> |
| 我去了些，你看行嗎 |
好像不行
因為 我的上下和左右都是圖片包裹著的
裡面的 <img src="../picture/<%=rs("picpath")%>" width="240" border="0">
才是真正的 中間大圖 |
那你在DW選中圖片的時候。圖片包括那個白邊嗎？
要不你把那個頁面HTML的發過來我幫你改改 |
[html]<table width="269" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="13" colspan="3"><img src="../images/zstp01.jpg" width="269" height="13"></td>
</tr>
<tr>
<td width="13" height="189" background="../images/zstp02.jpg"> </td>
<td width="240" height="100%">
<a href="../picture/hndj_10048122919.jpg" target="_blank"><img src="../picture/hndj_10048122919.jpg" width="240" border="0"></a>
</td>
<td width="16" background="../images/zstp03.jpg"> </td>
</tr>
<tr>
<td height="13" colspan="3"><img src="../images/zstp04.jpg" width="269" height="13"></td>
</tr>
</table>[/html]
看看這段代碼 問題主要出在這裡
你運行一下 看看下面是不是有行沒用的空間 |
是的我已經發現了
你看是不是左邊和右邊的圖片高度太長了 ，縮短些 |
| 我兩邊設置的是圖片背景呀 |
[html]<table width="269" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3"><img src="../images/zstp01.jpg" width="269" height="13"></td>
</tr>
<tr>
<td width="13" background="../images/zstp02.jpg"> </td>
<td><a href="../picture/hndj_10048122919.jpg" target="_blank"><img src="../picture/hndj_10048122919.jpg" width="240" border="0"></a></td>
<td width="16" background="../images/zstp03.jpg"> </td>
</tr>
<tr>
<td colspan="3"><img src="../images/zstp04.jpg" width="269" height="13"></td>
</tr>
</table>[/html] |
| 在Dreamweaver裡，表格很容易出現這種問題，刪了重新插入一個就可 |
|
