1、怎樣使用DW讓網頁圖片置頂
使用DW讓網頁圖片置頂,可分三種情況:
1. css reset
在HTML標簽在瀏覽器里有默認的樣式,例如 p
標簽有上下邊距,strong標簽有字體加粗樣式,em標簽有字體傾斜樣式。不同瀏覽器的默認樣式之間也會有差別,例如ul默認帶有縮進的樣式,在IE
下,它的縮進是通過margin實現的,而Firefox下,它的縮進是由padding實現的。在切換頁面的時候,瀏覽器的默認樣式往往會給我們帶來麻
煩,影響開發效率。所以解決的方法就是一開始就將瀏覽器的默認樣式全部去掉,更准確說就是通過重新定義標簽樣式。「覆蓋」瀏覽器的CSS默認屬性。最最簡
單的說法就是把瀏覽器提供的默認樣式覆蓋掉
根據本題提問主要涉及到以下CSS Reset
html, body,
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, aside,
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, caption, tbody, tfoot, thead, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,
section, summary, time, mark, audio, video { margin:0; padding:0;
border:0; outline:0; vertical-align:baseline; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
td, td img { vertical-align:top }
2. 圖片為頁面中插入的img,如<img src="../images/1.jpg" />
如果已經設置了以上的css reset ,在沒有專門設置其它任何間距的情況下,圖片默認也是置頂的。
3. 圖片為背景圖片 如
div{width:100%;height:50px;background:url(../images/1.jpg) left top
no-repeat;} 其中的left top 就是定義圖片位置的,讓圖片水平居左垂直居上顯示,也就是說此時圖片也是置頂的;left top
也可以換成數值 如 background:url(../images/1.jpg) 0 0 no-repeat;
2、做網頁時怎麼加一個一鍵置頂的按鈕
有置頂的按鈕還不夠,這樣你只是一個按鈕,沒觸發。圖片要有觸發才能解決。以下是觸發按鈕的代碼,希望能幫到你。
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: (eval(document.body.scrollLeft)+eval(document.body.clientWidth)-70); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: (eval(document.body.scrollTop)+eval(document.body.clientHeight)-240); TEXT-ALIGN: center"><A href="地址欄#top"><IMG src="http://album.sina.com.cn/pic/578ec41b020000zq" border=0></A></DIV>
關於TOP小圖標的定位坐標-70和-240的說明:
1、clientWidth)-70後面負數的絕對值越大越靠近左側。
2、clientHeight)-240後面負數的絕對值越大越靠近上部。
你可以調整小圖標的位置的!
3、怎麼讓自己想要的網頁置頂?
點擊「工具」選項卡,在下拉菜單中選擇IE6多窗口模式,你也可以根據自己的愛好來選擇
4、DW如何製作網頁置頂標題欄,然後能讓他跟著網頁滑動軸走
<div class="mume" style="width:100%; height:50px; position:fixed; top:0; left:0;">內容內容</div>這樣,不管頁面多高,都一直顯示在頂部了,滿意請採納
5、網頁 如何設置置頂
IE沒這功能。
用下 阿P軟體之總在最上並透明 或 阿P軟體之窗口置頂 吧。
6、網頁設計里的返回頂部怎麼做
直接加個a標簽,鏈接為#就行了,我一直是這樣寫的
7、網頁設計中怎樣讓可編輯區置頂
網頁下面屬性欄有 對齊方式 單擊選擇置頂
8、網頁設計table置頂問題
朋友你在仔細看下,我測試過了沒問題的 而且兼容也沒問題! 建議 你看看你整體代碼...
9、在網頁中,如何讓我的網頁置頂顯示?
一般情況下,這種情來況可以自通過CSS來定義。
如果樓主用的是Dreamweaver的話,可以在工具的下方找到「頁面屬性」,點擊它,進入修改設置面板後,把上邊距改為0即可。
如果是用txt直接編寫代碼,那麼可以把網頁的頭部文件這樣寫:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
<!--
body {
margin-top: 0px;
}
-->
</style></head>
<body>
其中的一段代碼:
<style type="text/css">
<!--
body {
margin-top: 0px;
}
-->
</style>
就是對網頁的格式做了限制的。你可以自己修改裡面的數據。
10、怎樣把網頁全部置頂?
垂直--頂端