ページ送りのサンプル4種+2

ず、随分間が空いてしまった・・・何て言う現実。 気付けば冬間近ですね。 久々の更新が、特別目新しくもなんともないんですが、自分なりのページ送りサンプルを作ってみました。 ホントは最初のだけ有れば事足りてるんですけど、ボリューム感を出す為に4種類+2にしてみました。 サンプルサイトを見る サンプルをダウンロード 地味にサンプル作ってたら時間取られたので、解説は軽めですが続きにて。 今回作っておきたかったのは、センタリングさせたページ送りっす。 とても似たようなエントリーが有るので、下記も参考にしてみるといいかと。 ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。 不特定の数の横に並ぶブロック要素をセンタリングさせる | CSS-EBLOG 各サンプル共通で以下のスタイルが当たってます。 #main ul, #main ul li { marg

[i8o8i]

CSS ページナビ

[oki448jp]

ページ送り（ページャー）のサンプル

[kiyoshi1211]

ページングサンプル

[jetta_swingin]

ページング、ページネーション、目次のHTML、CSS詳細付きの作例。

[sima-box]

ページ送りのサンプル

[caraldo_k]

センタリングしたページ送りとか

[tk7800u]

ページ送りのデザイン。

[takkecy]

ページング

[diveintounlimit]

CSSのページャーとかページネーションとかのサンプル

[chobiw]

ページ送りつくるのは手間がかかる

[www_taca]

ページ送りのサンプル

[maki2525smile]

参考に。

[ku_marin]

ページ送りのサンプル集。CSSで解説してくれています

[y-kawaz]

ページ送り、ページャ、pager、サンプル

[ueyaman4649]

css

[hashimoya]

ページ送り。こういう、色んな形がありそうなやつのサンプルは助かる。

[site159]

ページネーションテクニック