さて、前回は気になっていた「PREV、NEXT」の表示位置を執筆者とコメントの間に移動したところまで進めてみたわけだが・・・・・。
表示自体はこれまでどおり「PREV」と「NEXT」は上下に配置された縦並びのまま。
これでは某の目指す「ページを捲る」という感覚には程遠いものがある。
というわけで、今回はこの縦並びの「PREV、NEXT」を左右に並べて表示するまでをやってみようと思う。
やり方はいろいろあるとは思うが、某の考えた一番確実で手っ取り早い方法は 「テーブル」を利用すること。
テーブルとは
↓要するにコレの事。
| １行１列目の要素 | １行２列目の要素 | １行３列目の要素 |
| ２行１列目の要素 | ２行２列目の要素 | ２行３列目の要素 |
| ３行１列目の要素 | ３行２列目の要素 | ３行３列目の要素 |
これをHTMLタグで記述するとこうなります。
<table>
<tr>
<td>１行１列目の要素</td>
<td>１行２列目の要素</td>
<td>１行３列目の要素</td>
</tr>
<tr>
<td>２行１列目の要素</td>
<td>２行２列目の要素</td>
<td>２行３列目の要素</td>
</tr>
<tr>
<td>３行１列目の要素</td>
<td>３行２列目の要素</td>
<td>３行３列目の要素</td>
</tr>
</table>
ここで例として 挙げたのは３行ｘ３列のテーブルですが、要はこんな感じに 左側に「PREV」右側に「NEXT」 が来るように１行２列 のテーブルで囲ってやればよい・・・という単純な発想なのである。
まあ「テーブルをレイアウト目的に使用するべきではない」とどこかで明言されていたような気もするが、あまりいろいろ試している時間もないのでとりあえず赦されたし。
