查看完整版本: 表格放圖為何會白白的?
頁: [1]

apia543 發表於 2018-4-16 12:03 AM

表格放圖為何會白白的?

請教各位大大..
我在dw裡用表格3*3..放入圖片..
正中央空白部份是我另外在放東西上去
在dw裡看都OK
為何用網頁瀏覽..中間會有白白的????

這是我的程式碼..是哪裡弄錯了呢??謝謝


...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><div></div>

我愛小笨蛋 發表於 2018-4-16 05:09 PM

你沒有把Table的間距設成0吧
試試看CSS對Table設定

border-spacing: 0px;

應該就可以了

apia543 發表於 2018-4-16 09:32 PM

我愛小笨蛋 發表於 2018-4-16 05:09 PM static/image/common/back.gif
你沒有把Table的間距設成0吧
試試看CSS對Table設定



間距那些我都有設成0..但還是不知道為何會這樣..{:38:}

我愛小笨蛋 發表於 2018-4-17 02:28 PM

能提供原始碼檔案嗎?
這樣有點不好看

補充內容 (2018-4-17 02:31 PM):
或是你將你bg_01_04.jpg的高度設小一點
看看是不是因為內距或是外距造成的

ren1244 發表於 2018-4-18 03:11 PM

試試看23行的table加上
style="border-collapse:collapse;"

或是在CSS裡面加上
table{
    border-collapse:collapse;
}<br><br><br><br><br><div></div>

apia543 發表於 2018-4-18 10:09 PM

本帖最後由 apia543 於 2018-4-18 10:15 PM 編輯

我愛小笨蛋 發表於 2018-4-17 02:28 PM static/image/common/back.gif
能提供原始碼檔案嗎?
這樣有點不好看

不好意思..有點冗長再麻煩了..
我把網頁跟圖片全放在壓縮檔裡了

apia543 發表於 2018-4-18 10:10 PM

本帖最後由 apia543 於 2018-4-18 10:19 PM 編輯

ren1244 發表於 2018-4-18 03:11 PM static/image/common/back.gif
試試看23行的table加上
style="border-collapse:collapse;"


謝謝您..我試了..間距有變小了..但一樣開開的..不知道為什麼..{:33:}

ren1244 發表於 2018-4-19 12:56 AM

剛剛看你給的檔案
原因不在表格
而是img元素以基線對齊

可以在CSS裡面加上下面內容就不會有那個東西了
td img{
        vertical-align:middle;
}

ren1244 發表於 2018-4-19 02:33 AM

本帖最後由 ren1244 於 2018-4-19 02:56 AM 編輯

這邊提供另一個作法

由於你的大小都固定了
所以實際上不需要用拼圖的方式
直接把form放到圖片上面就好
下面是我整理過的：
(直接打html跟css，不依賴dw)<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>~歡迎光臨~</title>
<style type="text/css">
body{
        margin:0px;
        padding:0px;
}
#form1-container{
        display:inline-block;
        position:relative;
}
#form1{
        width:100%;
        position:absolute;
        top:107px;
        text-align:center;
}
#form1 .label{
        font-family:'標楷體';
        font-weight:bold;
        font-size: 18px;
        color: #9D2CFF;
}
</style>
</head>

<body>
<div style="text-align:center;">
        <p>&nbsp;</p>
        <div id="form1-container">
                <img src="images/bg_all.jpg"><br>
                <!-- bg_all.jpg 為完整9張拼起來的圖片 -->
                <form method="POST" name="form1" id="form1">
                        <p>&nbsp;</p>
                        <p>
                                <span class="label">使用者帳號</span>
                                <input name="userid" type="text" id="userid" autocomplete="off" size="20">
                        </p>
                        <p>
                                <span class="label">使用者密碼</span>
                                <input type="password" id="userpw" name="userpw" size="20">
                        </p>
                        <p><input type="submit" name="submit" id="submit" value="登入"></p>
                        <p><div class='locked'>下載: <em>訪客無法瀏覽下載點，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div></p>
                        <p><div class='locked'>下載: <em>訪客無法瀏覽下載點，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div></p>
                </form>
        </div>
</div>
</body>
</html>
...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

apia543 發表於 2018-4-19 04:20 AM

ren1244 發表於 2018-4-19 02:33 AM static/image/common/back.gif
這邊提供另一個作法

由於你的大小都固定了


哇!!真是太謝謝你們二位了..
不然在這邊卡關到一個不行..{:9:}
原來還可以這樣做..直接把東西放在圖上面
又學了一招...感謝您願意幫我^^<br><br><br><br><br><div></div>

我愛小笨蛋 發表於 2018-4-19 01:05 PM

apia543 發表於 2018-4-19 04:20 AM static/image/common/back.gif
哇!!真是太謝謝你們二位了..
不然在這邊卡關到一個不行..
原來還可以這樣做..直接把東西放在圖上面


還是建議妳多了解CSS 做版面
盡量減少用Table做版面 會對以後發展比較有利
如果有要靠這個技能過生活的話 如果沒有就沒什麼差別


...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>
頁: [1]