人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなブログでPagerを考えています。
/* XHTML ------------------------------------ */
* {
margin: 0;
padding: 0;
font-style: normal;
list-style: none;

<ul class="pager">
<li class="prev"><a href="hoge">&laquo; PREV</a></li>
<li><a href="hoge">1</a></li>
<li><em>2</em></li>
<li><a href="hoge">3</a></li>
<li><a href="hoge">4</a></li>
<li><a href="hoge">5</a></li>
<li class="next"><a href="hoge">NEXT &raquo;</a></li>
</ul>
/* CSS ------------------------------------ */
}
body {
font: 70% Arial, Helvetica, sans-serif;
}
ul.pager {
margin: 10px;
}
ul.pager li {
float: left;
margin-right: 10px;
padding-right: 10px;
border-right: 1px #999999 solid;
}
ul.pager li.next {
border-right: none;
}
ul.pager li a:link,
ul.pager li a:visited {
color: #3366FF;
text-decoration: none;
}
ul.pager li a:hover,
ul.pager li a:active {
color: #FF6633;
text-decoration: none;
}
ul.pager li em {
font-weight: bold;
}
プレビューすると表示はされるのですが、
実際には機能しません。
ほかの方のページ表示にはほとんど見られないので、
はてなでは出来ないのかと思いましたが、いかがでしょうか?

1427198378
●拡大する


●質問者: Katatewaza
●カテゴリ:ウェブ制作
○ 状態 :キャンセル
└ 回答数 : 0/0件

回答がありません
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ