Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

請問我這樣排版 HTML CSS有什麼問題呢?

http://sunarts.net23.net/
我在做的網站

↑我用html css寫的網站連結,目前只寫成像圖案下面這樣↓

[img]http://i.imgur.com/rkdvORD.jpg[/img]

這是我在做的網站,想要做成像下面這樣
網頁的原始碼對上面的連結按右鍵就有了喔!!

[img]http://i.imgur.com/pGgye7Z.jpg[/img]

背景會有三條水平線
我最上面的水平線是設成一個div
然後把水平線的圖設成"背景圖",repeat-x

另外我也需要三條垂直但是會有中斷的線(如圖)

這個我有點不知道該怎麼設好,是一樣用div放背景圖好呢?
不過這樣我的position動來動去的,牽一髮而動全身啊
想請大家指點一下該怎麼做比較好..我後來想想我的div這樣排好不好呢? ↓


[img]http://i.imgur.com/bFPv94L.jpg[/img]

不過這樣那些切線就不見了orz
切線真的不知道怎麼排進去

請大家多多指教~~謝謝!!!><



Edited 2 time(s). Last edit at 09/13/2013 05:29PM by 庭喵.
(編輯記錄)

Re: 請問我這樣排版 HTML CSS有什麼問題呢?

照理說水平線用 100% 的 div 的 border-top 或 border-bottom 就可以了。

裡面再加上你原有的設計。這樣不知道是不是你要的?

或者簡化一點,你在 #header-wrapper 加上 border-top: 1px solid gray。看看效果如何。

MEPOERs said:
庭喵: 謝謝哇!! 實在太感謝了 QWQ
mepoadm: 恭喜,恭喜!網頁作得不錯。