問題討論區


【Dreamweaver 網頁設計】問題討論區


【問題】 DIV排版問題詢問



DIV排版問題詢問
會員一級
註冊日期:
2013/3/29 14:09
留言: 2
各位老師好,最近把講義重新複習完一遍後開始做其他範例題
目前練習的是這個
http://www.dfuns.idv.tw/example/base02/dw02.html

範例是使用table排版,但是我想試試看Div來做
所以目前碰到了幾個問題我試了很久都做不出跟範例上一樣的效果

[附件裡面有網頁與要詢問的圖示]

圖一:
DIV置中問題-
我目前是用margin把div之間的間距排列出來,由於都是給固定值所以在換成大螢幕的時候就會無法置中.
而在拉動網頁視窗大小的時候的效果也無法與教學頁面一樣,教學頁面是整個內容一起移動後內容才開始被裁切,我只有做到類似的感覺,做不到一樣.
我也有試過在最外層多包一個div然後設定margin:0 auto;但是還是無法置中
想請問在內文部份我需要更改哪方面才能做出相近或是一樣的效果?

圖二:
li項目顯示問題-
在教學頁面中,拖拉視窗大小時在menu bar的字會慢慢才切,但是我的部分是一項一項的消失,請問使用li來製作是否有辦法達成如教學中一樣的裁切顯示方式,還有與左邊邊框的間距是否能保持一個固定的間距.

圖三:
float顯示問題-
在頁面的最上與最下分別使用3張圖片顯示,最右邊的圖示我使用float:right來排列,但是在拖拉縮小後會發生把左邊的圖示覆蓋的情形,請問該如何設定才能讓圖示保持在最右邊但是又可以像教學頁面中一樣不會覆蓋左邊的圖

不好意思~方便的話在麻煩告知設定上的錯誤或是設定上觀念不對的地方
謝謝

附件:


rar 巢狀表格與頁框.rar 大小: 169.54 KB; 下載次數: 461

2013/4/1 16:08
 


回覆: DIV排版問題詢問
會員一級
註冊日期:
2013/3/29 14:09
留言: 2
所有的問題已自行解決~謝謝有下載的朋友~您不用研究了

2013/4/3 15:18
 









[高級搜索]


 

課程首頁】 【最新開課時間表】 【範例教學分享區】 【交流討論區】 【企業包班】 【詢問課程】 【合作提案】 【誠徵講師

 

【飛肯設計學苑】 台北市公園路 30-1 號 5 樓 聯絡電話:(02)2370-1122 / 0925-014-000 信箱:flycan@flycan.com.tw
服務時間:(平日)下午 1 點 ~ 晚上 10 點 / (假日)早上 9 點 ~ 下午 5 點

 

台北市短期補習班立案 第 6631 號

TOP

【 Flycan.com 】 Powered by XOOPS