2014-09-24 65 views
0

這裏是我的網頁的鏈接:利潤產生不同的效果

Homepage

如果你看,有兩個箱子。一個說「開始」,一個說「免費試用」。這裏是我用來生成它們的HTML:

<div style="margin-top:-100px"> 
     <span style="margin-right:525px;font-size:18px;font-weight:bold;color:white;">Make money for a referral</span> 
     <span style="margin-left:-15px;font-weight:bold;font-size:18px;color:white;">Hire the best candidate</span> 
     <h5> 
      <img src="images/bluuhorn.png" class="fa-image" style="margin-bottom:15px;padding:3px 0 0 0;width:140px;height:137px;">&nbsp;&nbsp; 
      <span style="font-size:20px;color:white;margin-right:205px;margin-left:205px">Explainer Video</span>&nbsp;&nbsp; 
      <img src="images/Company.png" class="fa-image" style="margin-bottom:15px;padding:3px 0 0 0;width:140px;height:137px"> 
     </h5> 
    </div>        
</div> 
</div> 
</div> 
<div> 
    <button class="btn btn-secondary" style="background-color:#25AAE1;width:245px;height:42px;margin-left:150px"><span style="color:white;font-size:18px">GET STARTED</span></button> 
    <button class="btn btn-secondary" style="background-color:#25AAE1;width:245px;height:42px;margin-left:470px"><span style="color:white;font-size:18px">TRY IT FREE</span></button> 
</div> 

顯然,這是不會在每個顯示器上工作。我想它是由於利潤。我如何解決這個問題,使它出現在每個顯示器上?答:我期望它直接位於酒吧下方。 B)我預計問題是將margin-left設置爲某些像素,並且不會在每種類型的顯示器上正確佈局。

我希望圖像直接位於以按鈕爲中心。不幸的是,我使用邊距來設置按鈕,這導致了問題。

+0

請詳細說明「這不適用於每臺顯示器」,即 - 請告訴我們:a)您期望它做什麼以及b)您期望的問題是什麼。 – 2014-09-24 00:25:55

+0

另請注意:大多數人不會點擊另一個網站以查看問題。 1)網上有太多的點擊誘餌/垃圾郵件,我們已經變得非常敏感2)堆棧溢出問題應該*完整*本身。鏈接過時了,我們希望問題仍然是有效和有用的,即使在那之後....所以...這就是爲什麼我要求你把所有相關信息放入你的問題:) – 2014-09-24 00:28:18

+0

在這個頁面上,我可以直接在底下看到任何東西都沒有酒吧(記住,我*不*點擊鏈接)。請作出你的解釋,好像我從未看過你的主頁(我沒有看過)。什麼都不假。 :) – 2014-09-24 00:50:12

回答

2

當寬度降至〜1100像素以下時,網站存在一系列問題。您在邊距中定義了太多的絕對寬度,以使這些組件適用於所有窗口大小。

該網站已經使用Bootstrap框架構建。因此,請閱讀如何設置列和行,並將頂部的元素放入列中以使這些內容正確流動。

+0

它的自定義工作,所以我不認爲它將與引導工作。有沒有辦法來處理這個習俗? – jkushner 2014-09-24 01:29:50

+0

Bootstrap就是框架,意思就是構建模塊。您可以在其上編寫任何自定義代碼,以使您的網站的功能和外觀完全符合您的要求。 – Alex 2014-09-24 01:31:38

+0

好的,我用col-md-6,現在我需要將圖像下方的元素居中。我如何使用自定義代碼來居中創建的列。你可以在網站上看到酒吧。 – jkushner 2014-09-24 01:46:46