2012-01-04 15 views
2

私は設計しているサイトの先頭ページの下を横切って走るバナーを持っています。バナーは4つの等しいセクションに分かれています。各セクション(div)は2つのセクション(div)で構成されています。 2つのセクションのうちの1つはイメージであり、他のセクションはテキストです。 divを含む画像のすべてがそれぞれのテキストdivに水平に整列したいと思います。ここに例へのリンクがあります。助けを事前にDiv画像とテキストの整列

http://dl.dropbox.com/u/22196024/Banner-Test/banner-test.html

ありがとう!

P.S.また、家具と装備の箱の幅が供給用ボックスと印刷用ボックスと異なるのはなぜですか?ありがとう!

[更新]私はまた、おそらく私が開発者であるデザイナーの方がはるかに多いと言えるかもしれないので、お詫びします。

+2

あなたの質問は正確にはわかりません。また、家具や機器は、画像が異なるサイズであり、したがって異なる量の空間を占めるため、異なる。 – Ktash

+0

たとえば、ステイプラをタイトルと説明の両方を含むdivに水平にセンタリングしたいとします。 – John

+0

あなたは*縦にセンタリング*を意味しますか? – Wex

答えて

1

コードが正しくありません。

あなたが行う可能性があります

代わりの

<div class="one_fourth first"> 
     <div class="iconbox"> 
      <span class="iconbox_icon"> 
       <img src="furniture-icon.png" alt=""> 
      </span> 
      <div class="iconbox_content"> 
       <h3 class="iconbox_content_title">Furniture</h3> 
       <p>Lorem ipsum dolor sit amet.</p> 
      </div> 
     </div> 
    </div> 

<div class="box box1"> 
    <h3>My h3 title</h3> 
    <p>Lorem ipsum</p> 
</div> 

をし、各ボックスの背景画像を設定し、CSSでそれをスタイル。

+0

これは、それをそのように生成するWordPress用のプラグインであるため、その形式に制限されています。私はちょうどそれを特定の方法でスタイルしようとしています。 – John

+1

イメージを相対的に配置された親( 'div.iconbox')の中に絶対配置することで、イメージを背景イメージのように振舞うことができます。 – powerbuoy

+0

@powerbuoyソリューションは良いものです – Bernat

関連する問題