960 グリッドを使用する場合、情報のリストを作成する適切な方法は何ですか? 情報のリストとは、リストボックスや HTML コントロールではなく、ページ上でユーザーに表示するデータのリストを具体的に指しています。
たとえば、メイン ページ (http://stackoverflow.com/) に移動し、「上位の質問」のリストを確認します。同じタイプのリストを実現したいのですが、960gs を使用しています。
960gs は、ページをグリッドに分割してコンテンツのさまざまなセクションを分割する方法にすぎません。これらのセクションにコンテンツを配置し始めると、多かれ少なかれ無関係になります。
データのリストがある場合は、標準のリスト マークアップ (<ul>
または<ol>
1 つ以上の<li>
要素を含む) を使用します。
(例のように)表形式のデータがある場合は、<table>
適切な<caption>
、<thead>
、<tfoot>
、<tbody>
、および要素を含むテーブル マークアップを使用します。<tr>
<th>
<td>
リストをラップしてから、リストにあるアイテムごと<div class="container_12">
に繰り返すことができます<div class="grid_12 row">
<div class="container_12">
<div class="grid_12 row">
<div class="grid_1 alpha">
1 Vote
</div>
<div class="grid_1">
1 Answer
</div>
<div class="grid_1">
17 Views
</div>
<div class="grid_9 omega">
<div class="grid_12">
<div class="grid_6">
Find variations between two database tables effciently
</div>
</div>
<div class="grid_12">
<div class="grid_6">
<button>sql-server</button>
<button>database</button>
<button>tsql</button>
<button>replication</button>
</div>
</div>
</div>
</div>
</div>