2016-12-01 22 views
0

"About Us"と "Contact Us"のページhereをチェックしてください。CSS divコンテナの幅

私はDIV容器を正しく整列させるのが難しいです。私はDIVコンテナを一度も使用していません - 前回はテーブルに基づいたウェブサイトを作ってGoliveを使いました!

とにかく、質問はかなり明白でなければなりません - 画像の右側にある単語を左に250x250の画像を、その下に(x3)下にくるようにします。全体のロットは、最大幅1170ピクセルのページの中央に配置する必要があります。私はちょうどそれが間違っているところで働くことができません。

私の3DIVコンテナは、画面全体ではなく縦に並べられ、それぞれ33%を占めています。すべてDreamweaverライブビューで素晴らしいですが、一度アップロードしたChromeでは動作しません。

私はそれが何かシンプルだと思っていますが、本当に手がかりはありません!誰かが私を正しい方向に向けることができれば、私はとても感謝しています。

+6

Oliverへようこそ! http://stackoverflow.com/help/how-to-askを読み、最初の質問の構成についてはhttp://stackoverflow.com/help/mcveも参照してください。 – connexo

+1

*デバッグのヘルプを求める質問(「なぜこのコードは動作しませんか?」)には、目的の動作、特定の問題またはエラー、および質問自体に再現するのに必要な最短コードが含まれている必要があります。明確な問題文がない質問は、他の読者にとって役に立ちません。* – connexo

+0

@Oliverは以下の答えを確認します – Aravind

答えて

1

問題が

<div class="col-xs-6 col-sm-6 col-md-3 templatemo_col12 templatemo_margintop10"> 

この

<div class="row"> 
    <div class="col-xs-6 col-sm-6 col-md-3 templatemo_col12 templatemo_margintop10"> 
     <div class="item project-post"> 
      <div class="templatemo_about_box"> 
       <div class="square_coner"> 
        <span class="texts-a"><i class="fa fa-paper-plane"></i></span> 
       </div> 
       Aviation &amp; Automotive 
      </div> 
      <a href="about-us.html"></a><div class="col-xs-6 col-sm-6 col-md-3 hover-box"> 
       <a href="about-us.html"></a> 
       <div class="inner-hover-box"> 
        <p>Repairs, maintenance and add-ons. We specialise in one-off projects.</p> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

enter image description here

を使用して、その全体のdivを交換してHTML

自動車航空&に対応するdiv要素の下の行にここにあります

関連する問題