1427198378 はてなブログで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;
}
プレビューすると表示はされるのですが、
実際には機能しません。
ほかの方のページ表示にはほとんど見られないので、
はてなでは出来ないのかと思いましたが、いかがでしょうか?

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2015/03/31 21:00:08

回答0件)

回答はまだありません

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません