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

Question

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

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

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

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

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

Update:

我是架在自己電腦上 沒有網址 抱歉..

Update 2:

大大大大大大大

銷售排行榜

名次商品名稱 圖圖圖圖圖圖圖

1xxxx

2aa

3ss

4vv 圖圖圖圖圖圖圖

5dd

6xx

7ww

片片片片片片片

大概像是這樣的感覺

Update 3:

~~~~~~~~~~~~~~ 大大大大大大大大

銷售排行榜

名次商品名稱

1sss

2aaa

3bbb~~~~~~~~圖圖圖圖圖圖圖圖

4ccc

5dd

7aa

8ww

~~~~~~~~~~~~~~~片片片片片片片片

像這樣 上面那個顯示出來不太對

Answer 1

Favorite Answer

再設一個一列二欄的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/1011041406...

Source(s): 自己

• Login to reply the answersPost

Answer 2

請附上網頁網址，謝謝。

• Login to reply the answersPost