2011-05-27 96 views
-1

我有一個關於如何佈局網頁並將每個圖像關聯在一起的問題,以便它們可以一起流動。我有多個圖像,有些圖像會部分疊加在彼此之上,有些只是旁路他們之間有一些空間。以及一些圖片將超鏈接和一些將超鏈接與圖像變化懸停。以及一些將鏈接鏈接的背景。我以前沒有建立過真實的網站。我剛剛創建的應用程序,我想幫助我的朋友在這個項目 他們在PhotoShop中設計的,以及他們給了我每件爲單獨的圖像:幫助使用CSS設計網站

Sample image http://missadventures.ca/missA_layouts_may25.jpg

+0

您的問題太寬泛以至於無法正確回答。不過,我建議你找一些好的CSS教程,尤其是元素的絕對定位。 – Wylie 2011-05-27 17:45:39

+0

主要問題是我如何將它們連接在一起。我已經想出瞭如何定位項目。但如果我想要一個容器中的所有圖像將居中我希望每個元素引用是容器引用而不是瀏覽器邊緣。你可以看看我已經做了什麼:http://www.missadventures.ca/index2.html – greektreat 2011-05-27 17:54:20

+0

要定位一個元素相對於它的容器,將容器的CSS設置爲'position:relative',將孩子的CSS設置爲'position :absolute'。 – DavidJCobb 2011-05-27 18:16:16

回答

1

這是一個更大的問題,可以在這裏得到解答,你將需要更多關於建築工地的常識。

首先,決定是要手動編碼網站還是使用所見即所得的編輯器。如果你想使用所見即所得,Adobe Dreamweaver易於使用,非常好。

現在到代碼部分。無論您以前選擇什麼,您都應該對HTML和CSS有基本的瞭解,以便進行調試。這兩本書讓我非常,當我開始了:

隨着StackOverflow上,你也可以使用以下網站作爲學習工具和參考:

最後,確保安裝Firebug debugging tool for Firefox

祝你好運!