一. 常出現(xiàn)的問題
當(dāng)你的表格選居中的時(shí)候又插入了層(插入層方法1:object->draw layer)的時(shí)候(800*600),分辨率一旦變大、窗口最大化之后,層就錯(cuò)位了,而如果使用菜單(插入層方法2:Insert->Layer)插入層的時(shí)候,這個(gè)層就會與它的上級元素相對定位,但是一旦在Dreamweaver中用移動(dòng)工具動(dòng)了它,它就會馬上變成絕對定位,不會再與上級元素相對定位了。
二. 思想:
通過object面板置入的層是絕對定位的層,這個(gè)絕對定位指的是層的左上角與瀏覽器窗口內(nèi)部的左部、頂部距離,代碼中的寫法是left與top。
通過菜單置入的層是相對定位的層,這個(gè)相對定位指的是層與它的上級元素的距離(它的上級元素的左上角),由于這個(gè)P中不再有l(wèi)eft與top的屬性,所以瀏覽器把它的位置定為與它的上級元素相同
(總結(jié)一:只要去掉層的left與top屬性就可以相對定位!)
三. 深入思想:
現(xiàn)在層已經(jīng)相對定位了,可是只是這樣還完全不能滿足要求,因?yàn)楹芏鄷r(shí)候不能把表格設(shè)定得那樣準(zhǔn)確,否則會把表格搞得很麻煩,把代碼搞得很大很大。
如果在上面說做出的相對定位的層的基礎(chǔ)上再做一個(gè)層對它相對定位,不就解決問題了嗎?
這就涉及到了父層與子層的問題(由于它是層的基礎(chǔ),在書與網(wǎng)上教程中就可以看到,這里不再闡述),父層相對于某點(diǎn)定位,而子層相對于父層定位,就可以達(dá)到層的相對定位這個(gè)目標(biāo)了
四. 具體制作(只介紹最簡單的方法,對代碼熟的朋友可以手敲的):
先在頁面內(nèi)插入表格(可以設(shè)居中,表格就居中了,否則幾乎無意義),鼠標(biāo)在某單元格內(nèi)點(diǎn)一下,讓光標(biāo)在此閃動(dòng),然后通過菜單插入一個(gè)層,這個(gè)層就相對與這個(gè)單元格定位了。插入一個(gè)層之后,不要?jiǎng)铀乙灿肋h(yuǎn)不要?jiǎng)樱强梢愿乃拇笮。热绨阉母吲c寬都改成"0",讓它不再影響你對其他內(nèi)容的編輯,否則,這個(gè)層的left與top屬性出現(xiàn)之后就成了絕對定位了,變成絕對定位后你可以把它的left與top屬性去掉,就恢復(fù)成相對定位了。變成"0"之后,有時(shí)子層會看不見,可以按[f11]鍵點(diǎn)它恢復(fù)編輯。
現(xiàn)在光標(biāo)在這個(gè)層內(nèi)閃動(dòng),再通過菜單插入子層,這時(shí)子層與父層重疊,你可以隨意移動(dòng)它,不管怎么動(dòng),它都是相對與父層定位。
好了,一個(gè)相對定位的層(子層)做好了,你可以在里面隨意添加內(nèi)容了,也可以改變它的尺寸、位置、背景等所有屬性,但是不要?jiǎng)觢eft與top屬性,因?yàn)樗窍鄬τ诟笇拥淖笊辖嵌ㄎ坏摹?
五. 技巧:
先插入一個(gè)表格,在其中一個(gè)單元格中插入父層,可以把它定得小一點(diǎn),比如說20象素寬、10象素高,這樣它就不會蓋住下面的鏈接,也不影響子層的相對定位。
如果要用778象素寬定義表格,可以把父層插入到表格的第一行第一個(gè)單元格中,這樣就可以在所有層制作完后插入父層了!對代碼熟的朋友就可以手敲父層而不必再去調(diào)整子層的位置了。
當(dāng)你的表格選居中的時(shí)候又插入了層(插入層方法1:object->draw layer)的時(shí)候(800*600),分辨率一旦變大、窗口最大化之后,層就錯(cuò)位了,而如果使用菜單(插入層方法2:Insert->Layer)插入層的時(shí)候,這個(gè)層就會與它的上級元素相對定位,但是一旦在Dreamweaver中用移動(dòng)工具動(dòng)了它,它就會馬上變成絕對定位,不會再與上級元素相對定位了。
二. 思想:
通過object面板置入的層是絕對定位的層,這個(gè)絕對定位指的是層的左上角與瀏覽器窗口內(nèi)部的左部、頂部距離,代碼中的寫法是left與top。
通過菜單置入的層是相對定位的層,這個(gè)相對定位指的是層與它的上級元素的距離(它的上級元素的左上角),由于這個(gè)P中不再有l(wèi)eft與top的屬性,所以瀏覽器把它的位置定為與它的上級元素相同
(總結(jié)一:只要去掉層的left與top屬性就可以相對定位!)
三. 深入思想:
現(xiàn)在層已經(jīng)相對定位了,可是只是這樣還完全不能滿足要求,因?yàn)楹芏鄷r(shí)候不能把表格設(shè)定得那樣準(zhǔn)確,否則會把表格搞得很麻煩,把代碼搞得很大很大。
如果在上面說做出的相對定位的層的基礎(chǔ)上再做一個(gè)層對它相對定位,不就解決問題了嗎?
這就涉及到了父層與子層的問題(由于它是層的基礎(chǔ),在書與網(wǎng)上教程中就可以看到,這里不再闡述),父層相對于某點(diǎn)定位,而子層相對于父層定位,就可以達(dá)到層的相對定位這個(gè)目標(biāo)了
四. 具體制作(只介紹最簡單的方法,對代碼熟的朋友可以手敲的):
先在頁面內(nèi)插入表格(可以設(shè)居中,表格就居中了,否則幾乎無意義),鼠標(biāo)在某單元格內(nèi)點(diǎn)一下,讓光標(biāo)在此閃動(dòng),然后通過菜單插入一個(gè)層,這個(gè)層就相對與這個(gè)單元格定位了。插入一個(gè)層之后,不要?jiǎng)铀乙灿肋h(yuǎn)不要?jiǎng)樱强梢愿乃拇笮。热绨阉母吲c寬都改成"0",讓它不再影響你對其他內(nèi)容的編輯,否則,這個(gè)層的left與top屬性出現(xiàn)之后就成了絕對定位了,變成絕對定位后你可以把它的left與top屬性去掉,就恢復(fù)成相對定位了。變成"0"之后,有時(shí)子層會看不見,可以按[f11]鍵點(diǎn)它恢復(fù)編輯。
現(xiàn)在光標(biāo)在這個(gè)層內(nèi)閃動(dòng),再通過菜單插入子層,這時(shí)子層與父層重疊,你可以隨意移動(dòng)它,不管怎么動(dòng),它都是相對與父層定位。
好了,一個(gè)相對定位的層(子層)做好了,你可以在里面隨意添加內(nèi)容了,也可以改變它的尺寸、位置、背景等所有屬性,但是不要?jiǎng)觢eft與top屬性,因?yàn)樗窍鄬τ诟笇拥淖笊辖嵌ㄎ坏摹?
五. 技巧:
先插入一個(gè)表格,在其中一個(gè)單元格中插入父層,可以把它定得小一點(diǎn),比如說20象素寬、10象素高,這樣它就不會蓋住下面的鏈接,也不影響子層的相對定位。
如果要用778象素寬定義表格,可以把父層插入到表格的第一行第一個(gè)單元格中,這樣就可以在所有層制作完后插入父層了!對代碼熟的朋友就可以手敲父層而不必再去調(diào)整子層的位置了。
標(biāo)簽:
隨機(jī)推薦
- 網(wǎng)頁理論 | 2010-01-06
- 網(wǎng)頁理論 | 2010-01-06
- 網(wǎng)頁理論 | 2006-05-25
- 網(wǎng)頁理論 | 2014-04-17
- 網(wǎng)頁理論 | 2016-07-08
- 網(wǎng)頁理論 | 2006-03-21












