史萊姆論壇 - 在Dreamweaver試都OK 一上去拍賣就亂了 ???

史萊姆論壇 (http://forum.slime.com.tw/)

- 程式語言討論區 (http://forum.slime.com.tw/f76.html)

- - 在Dreamweaver試都OK 一上去拍賣就亂了 ??? (http://forum.slime.com.tw/thread249874.html)

在Dreamweaver試都OK 一上去拍賣就亂了 ???

我在Dreamweaver套用PHOTOSHOP切割後的語言
然後修改路徑為何我貼到網拍產品介紹上就亂了

http://arnold0613.myweb.hinet.net/HP/1.jpg

我將圖片分割成1.2.3.4.5.6
我想再把五便背景可以在5裡面編輯文字我該如何改
還有我要把這一張大圖置中請大大交一下
PS為何YAHOO 說我有超出10張圖

原始碼

<html>
<head>
<title>1</title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="___01" width="601" height="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="http://arnold0613.myweb.hinet.net/HP/1_01.jpg" width="600" height="127" alt=""></td>
<td>
<img src="http://arnold0613.myweb.hinet.net/HP/間距.gif" width="1" height="127" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://arnold0613.myweb.hinet.net/HP/1_02.jpg" width="319" height="286" alt=""></td>
<td>
<img src="http://arnold0613.myweb.hinet.net/HP/1_03.jpg" width="281" height="96" alt=""></td>
<td>
<img src="http://arnold0613.myweb.hinet.net/HP/間距.gif" width="1" height="96" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://arnold0613.myweb.hinet.net/HP/1_04.jpg" width="281" height="357" alt=""></td>
<td>
<img src="http://arnold0613.myweb.hinet.net/HP/間距.gif" width="1" height="190" alt=""></td>
</tr>
<tr>
<td>
<img src="http://arnold0613.myweb.hinet.net/HP/1_05.jpg" width="319" height="167" alt=""></td>
<td>
<img src="http://arnold0613.myweb.hinet.net/HP/間距.gif" width="1" height="167" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://arnold0613.myweb.hinet.net/HP/1_06.jpg" width="600" height="220" alt=""></td>
<td>
<img src="http://arnold0613.myweb.hinet.net/HP/間距.gif" width="1" height="220" alt=""></td>
</tr>
</table>

</body>
</html>

1. 我要把這一張大圖置中

在table 那行加上 align="center" 即可：

<table id="___01" width="601" height="800" border="0" cellpadding="0" cellspacing="0" align="center">

2. 把5變背景，可以在5裡面編輯文字

您用Dreamweaver…直接在常用面版找插入→版面物件→AP Div(舊版叫Layout)

點出來會有一個框框…那個框可以隨意放置…也可以調整大小…

可以在裡面畫表格、加文字…隨您怎麼運用…也可以放在原來的圖片上面

至於您的其他問題…功力不夠…沒看到東西…不知是什麼情形…無法解答

ps：您的錯字也太多了吧

引用:

作者: arnold0613 (文章 2171590)

我在Dreamweaver套用PHOTOSHOP切割後的語言
然後修改路徑為何我貼到網拍產品介紹上就亂了

我將圖片分割成1.2.3.4.5.6
我想再把五便背景可以在5裡面編輯文字我該如何改
還有我要把這一張大圖置中請大大交一下
PS為何YAHOO 說我有超出10張圖

1.五要變成背景
試試在圖層的合併圖層他就融成背景

2.編輯文字
左邊列找一個T點選後
滑鼠移到想放文字的地方即可新增文字

3.圖片至中
點選左列移動工具小黑
上方會出現一排控制列
點選對齊水平居中

然後檔案轉出為網頁儲存

不過勒....現在版本很多功能名稱上略為不同

以上是PHOTOSHOP的改法

http://arnold0613.myweb.hinet.net/HP/1_01.jpg
http://arnold0613.myweb.hinet.net/HP/1_02.jpg
http://arnold0613.myweb.hinet.net/HP/1_03.jpg
http://arnold0613.myweb.hinet.net/HP/1_04.jpg
http://arnold0613.myweb.hinet.net/HP/1_05.jpg
http://arnold0613.myweb.hinet.net/HP/1_06.jpg

總圖片是6張

然而, 你的間距, 也用了圖片
http://arnold0613.myweb.hinet.net/HP/間距.gif
而且用了5次(間距應該是直接用html的標籤來設定就好了...)

如果yahoo是以html裡面所有的圖片路徑來計算...
那麼你的6張圖, 加上5次的間距圖...就會被認為是11張圖

語法:



<html>

<head>

<title>1</title>

<meta http-equiv="Content-Type" content="text/html; charset=big5">

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- ImageReady Slices (1.jpg) -->

<table id="___01" width="601" height="800" border="0" cellpadding="0" cellspacing="0">

        <tr>

                <td colspan="2"><img src="http://arnold0613.myweb.hinet.net/HP/1_01.jpg" width="600" height="127" alt=""></td>

                <td height=127><!-- 間距 --></td>

        </tr>

        <tr>

                <td rowspan="2"><img src="http://arnold0613.myweb.hinet.net/HP/1_02.jpg" width="319" height="286" alt=""></td>

                <td><img src="http://arnold0613.myweb.hinet.net/HP/1_03.jpg" width="281" height="96" alt=""></td>

                <td height=96><!-- 間距 --></td>

        </tr>

        <tr>

                <td rowspan="2" background="http://arnold0613.myweb.hinet.net/HP/1_04.jpg" width="281" height=357>

                1這裡是文字區...<p>可以放一堆文字</td>

                <td height=190><!-- 間距 --></td>

        </tr>

        <tr>

                <td><img src="http://arnold0613.myweb.hinet.net/HP/1_05.jpg" width="319" height="167" alt=""></td>

                <td height=167><!-- 間距 --></td>

        </tr>

        <tr>

                <td colspan="2"><img src="http://arnold0613.myweb.hinet.net/HP/1_06.jpg" width="600" height="220" alt=""></td>

                <td height=220><!-- 間距 --></td>

        </tr>

</table>

<!-- End ImageReady Slices -->

</body>

</html>

我做了一下調整

把你要的第5, 改成背景, 讓裡面可以打字...
然後把你那些間距的圖都拿掉了, 直接在td 加上height, 以維持排版的狀態