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

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

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

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

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

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

Update:

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

Update 2:

大大大大大大大

銷售排行榜

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

1xxxx

2aa

3ss

4vv 圖圖圖圖圖圖圖

5dd

6xx

7ww

片片片片片片片

大概像是這樣的感覺

Update 3:

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

銷售排行榜

名次商品名稱

1sss

2aaa

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

4ccc

5dd

7aa

8ww

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

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

2 Answers

Rating
  • Fodo
    Lv 5
    9 years ago
    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 answers
  • 請附上網頁網址,謝謝。

    • Login to reply the answers
Still have questions? Get your answers by asking now.