Html 版面設計 table跟圖片連結並排

Question

我有一個table 跟一張比他大的圖片 我要使他並排該怎麼做?

TABLE是銷售排行榜 圖片是讓首頁不要太空的圖片

是想做成 左邊是銷售排行榜 然後版面中間會是圖片

我怎麼擺都只能讓圖片在排行榜上面或下面 要不然就是會破壞到排行榜的大小

請知道的人 能解答我的問題 謝謝

Answer 1

再設一個一列二欄的Table，將框線設為0(border=0)，
您要用的table再置於該Table的左欄，圖片則置於右欄......完成。

語法範例：
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%">
<!--左欄table位置-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">1AAA</td>
</tr>
<tr>
<td align="center">2BBB</td>
</tr>
<tr>
<td align="center">3CCC</td>
</tr>
<tr>
<td align="center">4DDD</td>
</tr>
<tr>
<td align="center">5EEE</td>
</tr>
</table></td>
<td width="50%">
<!--右欄圖片位置-->
<img src="../images/檔名.jpg" width="300" height="100" /></td>
</tr>
</table>

---------------------------------------...

樸天數位設計

圖片參考：http://imgcld.yimg.com/8/n/AE02857938/o/...

Answer 2

請附上網頁網址，謝謝。