Trending News
html 版面設計 table跟圖片連結並排
我有一個table 跟一張比他大的圖片 我要使他並排該怎麼做?
TABLE是銷售排行榜 圖片是讓首頁不要太空的圖片
是想做成 左邊是銷售排行榜 然後版面中間會是圖片
我怎麼擺都只能讓圖片在排行榜上面或下面 要不然就是會破壞到排行榜的大小
請知道的人 能解答我的問題 謝謝
我是架在自己電腦上 沒有網址 抱歉..
大大大大大大大
銷售排行榜
名次商品名稱 圖圖圖圖圖圖圖
1xxxx
2aa
3ss
4vv 圖圖圖圖圖圖圖
5dd
6xx
7ww
片片片片片片片
大概像是這樣的感覺
~~~~~~~~~~~~~~ 大大大大大大大大
銷售排行榜
名次商品名稱
1sss
2aaa
3bbb~~~~~~~~圖圖圖圖圖圖圖圖
4ccc
5dd
7aa
8ww
~~~~~~~~~~~~~~~片片片片片片片片
像這樣 上面那個顯示出來不太對
2 Answers
- FodoLv 51 decade agoFavorite 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>
-----------------------------------------------------------------
樸天數位設計
Source(s): 自己