960グリッドシステムでスプライトイメージを使用できますか？

Question

960グリッドシステムでスプライトイメージを使用できますか？グリッド幅を持つ特定のスプライトイメージの幅を管理する方法。誰も私に上記の問題を助けることができますか？

Answer 1

960グリッドを使用するプロセスは非常に簡単で、マークアップは非常に迅速に学習できます。

下記を試してください。

<section id="wrap" class="container_12"> 

    <header class="grid_12"> 
     <h1>This is your Header</h1> 
    </header> 

    <article class="grid_8"> 
     <h2>This is a content section</h2> 
    </article> 

    <aside class="grid_4"?> 
     <h3> this is a sidebar </h3> 
    </aside> 

    <footer class="grid_12"> 
     <p>this is the footer</p> 
    </footer> 

</section> <!--end wrap container - this container allows you to use the grid classes and creates your main column --> 

960でCSSをチェックし、それがgrid_6がcontainer_12などの幅の半分になるので、グリッドはあなたのコンテナの分割され、意味を行います - grid_8は三分の二となり、A及びgrid_4は次のようになり第3に、明らかに、grid_12はコンテナの全幅を取ることになります。

スプライトを使用している場合は、包含する要素に使用するgrid_クラスの幅をCSSで調べます。これらのクラスのいずれかを使用していない場合は、960が干渉しないでしょうスプライトはまったくありません。