網頁空白行如何消除 , 我用 Dreamweaver cs6 ?

網頁設計

superkevin 2013-09-17 14:09:47 ‧ 6847 瀏覽

也就是紅圈的地方
<style type="text/css">
body {
background-image: url();
}
</style>

<body bgcolor="#FFFFFF">
<p><img src="images/title_sec.jpg" width="765" height="115" /></p>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">HOME</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">PRODUCT</a>

lalabear iT邦新手 2 級 ‧ 2013-09-18 09:38:06 檢舉

不如把這頁檔案打包成壓縮檔，讓大家下載來找問題

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

dasu88

iT邦研究生 5 級 ‧ 2013-09-17 16:27:45

最佳解答

很抱歉…我誤刪了所有的回應，剛剛有看到一位朋友有回應。
不知道刪除的功能是刪掉所有回答，真的很抱歉。

原本的回答：刪掉<img>前後的<p></p>可以刪除空白

另外您的第二個網頁置中的問題：
方法很多，如果是用dreamweaver的話，全選後選文字置中
用程式碼的話，在之後加<center>在之前加</center>
其他還有利用CSS來定義body的text-align:center;
都可以達到網頁置中的效果

回應 7
分享
檢舉

看更多先前的回應...收起先前的回應...

dasu88 iT邦研究生 5 級 ‧ 2013-09-17 16:30:04 檢舉

再補充一個剛剛被我誤刪那位朋友的回應，利用CSS搭配Div 置中功能也可以。(在網頁body裡放一個div)

superkevin iT邦新手 5 級 ‧ 2013-09-17 17:50:01 檢舉

謝謝你的熱心回答 , 置中後選項卻超出界線了如紅圈處
<li><a href="#">HOME</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">PRODUCT</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">ASFD</a>
<ul>
<li><a href="images/index_img001.jpg">RWEQ</a></li>
<li><a href="#">WREQ</a></li>
<li><a href="#">FDSA</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">WEEWR</a>
<ul>
<li><a href="#">SFDFDS</a></li>
<li><a href="#">EWREW</a></li>
<li><a href="#">未命名項目</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">FDSFDS</a>
<ul>
<li><a href="#">SFDFD</a></li>
<li><a href="#">FDSFDS</a></li>
<li><a href="#">EWR</a></li>
</ul>

superkevin iT邦新手 5 級 ‧ 2013-09-18 09:32:36 檢舉

上面問題已解決, 但現在選項下面又出現空白 , 要如何消除呢 ? 我沒找到有<p></p> , 還是有問題可以付費請教妳 , 必要時請用 teamview 近來幫我解決
<center>
<img src="images/title_sec.jpg" width="769" height="80" class="center1" />

<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">HOME</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">PRODUCT</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">SFDA</a>
<ul>
<li><a href="camera/210-0160s.jpg">REWEWR</a></li>

dasu88 iT邦研究生 5 級 ‧ 2013-09-18 10:44:37 檢舉

你的程式碼不完整，不容易看出問題點…
把完整程式碼貼出來看看

superkevin iT邦新手 5 級 ‧ 2013-09-18 13:54:16 檢舉

完整的太大貼不上來 , 大概要那一段的程式碼呢 ?

dasu88 iT邦研究生 5 級 ‧ 2013-09-18 15:56:50 檢舉

ul之後到table之前，另外你套用的css也貼來看看…

superkevin iT邦新手 5 級 ‧ 2013-09-18 17:28:48 檢舉

我沒套用 CSS
</li>
<li><a href="#">PARTNER</a></li>
<li><a href="#">PRESS</a></li>
<li><a href="#">ABOUT US</a></li>
</ul>
<p> </p>
<table width="770" height="594" border="1">

登入發表回應

賽門甜不辣

iT邦研究生 2 級 ‧ 2013-09-19 08:11:00

簡單，用css，將img邊界屬性為0即可

&lt;pre class="c" name="code">
img{margin:0;padding:0}

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙