[請益] Dreamweaver ap div圖層 沒有置中功能?

看板Web_Design作者時間14年前 (2011/07/09 01:12), 編輯推噓7(7推 0噓 52→)
留言59則, 5人參與, 最新討論串1/1
各位網頁設計版的達人大家好 我用ap div製作圖片彈出式選單(彈出的選單為圖片,較美觀) 但同樣遇到了ap div無法用於'置中對齊的表格'的問題 用過很多網路上提供的方法,似乎沒什麼用 我自己試過把整個表格做的版面丟到ap div裡,自成一個大的ap div圖層 這樣裡面放的任何ap div就可以乖乖的配置在它應該待的位置上; 但問題是,這個放表格版面的大ap div圖層仍舊是無法設定置中, 就算可以把它調到剛好位在自己螢幕正中的位置 換到不同螢幕後顯示出的也是會偏左或偏右 另外也試過包括調表格和ap div的CSS樣式(position..等),不過要讓兩者完美配合好像還 是有困難 我個人比較偏好置中的網頁,覺得用ap div置做選單最乾脆方便 但卡在ap div定位的問題 雖然覺得ap div是個好物 但若沒辦法配合普遍的置中網頁 不就等於無用武之地了 不知遇到這種問題大家都怎麼解決? 煩請解惑 THANKS. -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 113.61.193.134
→
07/09 11:36, , 1F
相對定位也無法置中嗎?
07/09 11:36, 1F
推
07/09 12:13, , 2F
你是想要做類似點選登入就出現一個小框框有登入的欄位
07/09 12:13, 2F
→
07/09 12:14, , 3F
然後這個小框框無論在哪種螢幕都是上下左右置中
07/09 12:14, 3F
→
07/09 12:14, , 4F
類似這種效果嗎？
07/09 12:14, 4F
→
07/09 12:16, , 5F
AP DIV指的是DW設成Position:absolute的DIV?
07/09 12:16, 5F
→
07/09 12:17, , 6F
前面那種登入的框框要搭配JS才有可能不管在哪裡都置中
07/09 12:17, 6F
→
07/09 12:17, , 7F
Position:absolute的DIV好像無法做margin:0 auto這樣的
07/09 12:17, 7F
→
07/09 12:18, , 8F
定位，而且也限於相對於父元素的位置。
07/09 12:18, 8F
→
07/10 00:09, , 9F
沒錯是Dreamweaver的'繪製AP Div'功能,用ap div和on mouse
07/10 00:09, 9F
→
07/10 00:23, , 10F
over等行為使圖片構成的子選單彈出,這樣可以連子選單的樣
07/10 00:23, 10F
→
07/10 00:25, , 11F
式都自己設計,和版面搭配起來其實還滿好看的
07/10 00:25, 11F
→
07/10 00:40, , 12F
只是ap div和表格搭配不易;試過將ap div定為'relative',不
07/10 00:40, 12F
→
07/10 00:45, , 13F
過會造成表格位移,和置中表格搭配不起來;置中表格似乎是靠
07/10 00:45, 13F
→
07/10 00:47, , 14F
align="center"讓表格無論視窗怎麼拉都會待在正中間,但ap
07/10 00:47, 14F
→
07/10 01:05, , 15F
div感覺就不行了;目前是把整個表格丟到ap div的巢狀結構方
07/10 01:05, 15F
→
07/10 01:06, , 16F
式比較能確保裡面的各個ap div不會亂跑,但仍然不是最佳的
07/10 01:06, 16F
→
07/10 01:07, , 17F
方式
07/10 01:07, 17F
推
07/10 23:37, , 18F
其實我看不懂你的意思，也許把原始碼貼上來或是網址來
07/10 23:37, 18F
→
07/10 23:37, , 19F
比較快。
07/10 23:37, 19F
→
07/11 08:07, , 20F
用fancybox or lightbox
07/11 08:07, 20F
→
07/11 10:06, , 21F
還是懂css比較好 看你的作法就覺得原始碼很亂...
07/11 10:06, 21F
→
07/11 12:54, , 23F
網址是範例檔,置左一切正常,若置中和彈出選單就配合不來.
07/11 12:54, 23F
推
07/11 16:29, , 24F
你說的置中是你想把整個網頁置中嗎？
07/11 16:29, 24F
推
07/11 16:31, , 25F
如果是的話，就跟表格或置中沒關聯，應該要去改AP DIV
07/11 16:31, 25F
→
07/11 16:32, , 26F
的left值...
07/11 16:32, 26F
→
07/12 15:36, , 27F
Ap div是絕對定位,雖然有給它訂位置,但因為他好像只能'釘'
07/12 15:36, 27F
→
07/12 15:39, , 28F
在固定的座標上,所以根本沒辦法和一調整式窗就跑來跑去的
07/12 15:39, 28F
→
07/12 16:05, , 29F
置中網頁配合;想知道AP圖層怎樣讓它附著在置中表格上,怎麼
07/12 16:05, 29F
→
07/12 16:05, , 30F
拉視窗都不會位移
07/12 16:05, 30F
→
07/12 17:44, , 31F
我看你的網頁好像沒有這必要，不過如果你想，可以試試看
07/12 17:44, 31F
→
07/12 17:44, , 32F
把他們丟在同一個表格或同一個DIV，然後把上層設成
07/12 17:44, 32F
→
07/12 17:45, , 33F
position:relative。
07/12 17:45, 33F
推
07/12 17:53, , 34F
喔，我知道了，你是怕使用者螢幕寬度不一樣所以body的原
07/12 17:53, 34F
→
07/12 17:53, , 35F
點不一樣，導致選單跑掉？
07/12 17:53, 35F
→
07/12 17:54, , 36F
把兩個ApDIV都丟到85行的表格裡，表格設position:relativ
07/12 17:54, 36F
→
07/12 17:55, , 37F
剩下就調top和left。這樣他就會黏著85行的表格了
07/12 17:55, 37F
→
07/14 01:02, , 38F
我試了是ok的,用ap div來框住另外一個ap div是可行的,但還
07/14 01:02, 38F
→
07/14 01:04, , 39F
是卡在跟視窗配合這一關;整個版面若是用自己設位置的方式,
07/14 01:04, 39F
→
07/14 01:09, , 40F
就會在左邊留下你所設定的像素寬,不會隨著瀏覽器縮放而置
07/14 01:09, 40F
→
07/14 01:25, , 41F
中;ap div圖層其實可以做出滿多互動的功能,也可隨意擺在想
07/14 01:25, 41F
→
07/14 01:26, , 42F
放的位置上,不過一遇到置中網頁就沒轍,或許他真的沒辦法用
07/14 01:26, 42F
→
07/14 01:27, , 43F
在置中版面上吧??
07/14 01:27, 43F
推
07/14 09:43, , 44F
你為什麼說OK又說卡在視窗="=?
07/14 09:43, 44F
→
07/14 09:44, , 45F
07/14 09:44, 45F
→
07/14 09:44, , 46F
你是要這樣嗎？
07/14 09:44, 46F
→
07/14 09:45, , 47F
你如果要他自動至中，那就把表格寬度算好，左邊留白算好
07/14 09:45, 47F
→
07/14 09:45, , 48F
然後表格至中，他不就永遠至中了嗎？
07/14 09:45, 48F
→
07/15 00:23, , 49F
我有看了原始檔了,發現我有些地方弄錯,才顯現不出來;目前
07/15 00:23, 49F
→
07/15 00:26, , 50F
測試確實是把ap div鎖在定位為relative的dt裡,是最佳的解
07/15 00:26, 50F
→
07/15 00:55, , 51F
決辦法,感謝oj113068板友詳盡的解答!不過我剛剛也發現了一
07/15 00:55, 51F
→
07/15 01:00, , 52F
個問題,無意間用另一個也滿多人用的Firefox開檔案來看,發
07/15 01:00, 52F
→
07/15 01:04, , 53F
現ap div卻跑掉了,實在很讓人出乎意料之外;因為沒想到在ie
07/15 01:04, 53F
→
07/15 01:07, , 54F
看起來很完美,到另一個瀏覽器卻會出現幾乎不一樣的結果,原
07/15 01:07, 54F
→
07/15 01:12, , 55F
來瀏覽器也是個很大的問題所在阿..!
07/15 01:12, 55F
推
07/15 11:27, , 56F
應該是因為火狐在<td>屬性上不允許position:relative
07/15 11:27, 56F
→
07/15 11:29, , 57F
所以仍然以body的原點為主。我推測的啦。如果可以改用
07/15 11:29, 57F
→
07/15 11:29, , 58F
DIV排版而非table排版就沒有這種困擾了
07/15 11:29, 58F
→
07/15 11:30, , 59F
跨瀏覽器本來就是網頁前台一個很大的課題XD
07/15 11:30, 59F
‣ 更多 l410203 的文章
文章代碼(AID): #1E5pfkSu (Web_Design)