2013-07-15 31 views
0

這是我的第一篇文章。 我想知道您是否可以建議我如何使頁腳這個圖片:
http://i5.minus.com/ik0O1e7e2qWQd.jpg卡住了!我需要一些幫助創建此頁腳


到目前爲止,我有這樣的:
http://www.seann.biz/testflight
但我不能完全得到頁腳權利。順便說一句,我正在使用bootstrap。 正如你所看到的那樣,有兩列寬度相同但顏色不同的列,我希望先將這兩個列先排序,然後再將其餘列入後面。 這是第一個完整的網站,我已經編寫很抱歉,如果它是一個有點亂

回答

0

可以使用csswidth:50%然後float:left,在末尾添加它

事情是這樣的:

<div id="footer" style="width:100%;height:300px"> 
    <div id="footerleft" style="width:50%;height:300px;background-color:#000;float: left;"></div> 
    <div id="footerright" style="width:50%;height:300px;background-color:#ccc;float: left;"></div> 
</div> 

希望這有助於

編輯

檢查此琴http://jsfiddle.net/X4tdz/

添加以下CSS到圖像

  • position:absolute
  • left:50%
  • top:50%
  • margin-left:-50px //一半的圖像寬度
  • margin-top:-50px //一半圖像高度爲

確保圖像的父格設置爲position:relative

PS:如果你有任何問題NEW做出一個新的問題,以便其他人也能做出貢獻。

+0

非常感謝!它實際上已經幫助了很多:)現在要通過導入twitter和spotify來完成這些艱難的任務,但是讓它看起來不錯,然後讓它響應,所以它看起來像這樣:http://i7.minus.com/iDip8G5H2Mw1V.jpg – seangeraghty

+0

@ seangeraghty很好運。谷歌會一路幫助你。如果你找不到任何好的東西。只需在stackoverflow中提出問題。順便說一句,如果你發現我的答案有幫助。 PLS。檢查它以便其他人會知道這個問題已經得到解答。謝謝! –

+0

任何想法如何我可以讓Dribbble徽標居中在這兩個div的中間,就像在圖像中一樣?嘗試過,但由於每個邊的div都是分開的,我只能將圖像集中在一個而不是另一箇中,或者只集中在整個頁腳的上方?再次感謝。 – seangeraghty