網頁初學,想詢問一些問題

各位大大好,小弟我弟一次學寫網頁

發生以下問題,但是不知道是哪邊程式寫起來有問題!


網頁初學,想詢問一些問題


index.html

寫的語法為

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>練習</title>
<link href="css/style_index.css" rel="stylesheet" type="text/css">
</head>

網頁初學,想詢問一些問題

body以圖片代替,發送時網頁無法正常顯示

另外說明一下,圖片大小為 960*720



</html>




css語法為下

@charset "utf-8";
/* CSS Document */
* {
margin: 0px;
padding: 0px;
}
body{
background-color: #8F6328;
font-size: 100%;
color: #000000;
}

#wrapper {
width: 960px;
margin-right: auto;
margin-left: auto;
margin-top: 60px;
}


#footer {
width: 960px;
height: 27px;
float: left;
text-align: center;
font-family: "微軟正黑體", "標楷體", "新細明體";
font-size: 0.8em;
background-color: #1ADAF9;
padding-top: 8px;

}

不了解,為什麼會有那一道縫隙!!

它是由哪個div產生的呢?

目前想到的辦法就是

版權div那裏設定上外框的像數值為負數
就可以跟圖片貼齊沒有縫隙

請問有其他辦法能處理掉那條縫隙嗎?

還有為什麼在Dreamweaver看沒有那條縫隙

網頁看就有呢?


另外,有使用notepad++

純手打寫出來,一樣有那條縫隙!!

另外也直接附上檔案,請問有大大能解釋一下嗎?

在此先感謝各位~

附加壓縮檔: 201512/mobile01-062424fa7db248ca3e568cd1f14769f9.zip
2015-12-12 19:04 發佈
文章關鍵字 網頁初學 問題

莫再問、莫在提 wrote:
#footer {
width: 960px;
height: 27px;
float: left;
text-align: center;
font-family: "微軟正黑體", "標楷體", "新細明體";
font-size: 0.8em;
background-color: #1ADAF9;
padding-top: 8px;
}





莫再問、莫在提 wrote:
還有為什麼在Dreamweaver看沒有那條縫隙
網頁看就有呢?


不要用Dreamweaver 它會加東西
3C的世界裡,別滿腦子只想著"超值"。就像無線網路一樣,別人推薦的,只適用在他家的環境,到了你家又是另外一回事。小烏龜牽到北京也不會變成千里馬。

viphone wrote:
不要用Dreamweaver...(恕刪)



大大您好,那條是我自己加的。

刪除掉也還是有那條空白欄

感覺,不加那條。

文字會偏上所以才加了這條!


謝謝您的回答!
dreamweaver說真的算出學者好用的工具吧
十片冰心 wrote:
dreamweaver...(恕刪)


真的,說真的!

要是不用Dw

我也不知道用哪個軟體,

因為設定樣式會直接顯示和很好調整!
莫再問、莫在提 wrote:
各位大大好,小弟我...(恕刪)


display: block; or vertical-align: bottom; 加在 img 的 style 中試試。

如果你 doctype 用 html5 開始,原則上是「元素」都會被加上「預設間距」。

如果要避免這個,又不想特別加上述的東西在元素的自有 style 中的話,就改用 html4 + xhtml 的 doctype 吧。

cheaster-fox wrote:
display: block...(恕刪)


感謝大大,我再試試看~
內文搜尋
X
評分
評分
複製連結
Mobile01提醒您
您目前瀏覽的是行動版網頁
是否切換到電腦版網頁呢?