/* XHTML ------------------------------------ */
* {
margin: 0;
padding: 0;
font-style: normal;
list-style: none;
<ul class="pager">
<li class="prev"><a href="hoge">« 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 »</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;
}
プレビューすると表示はされるのですが、
実際には機能しません。
ほかの方のページ表示にはほとんど見られないので、
はてなでは出来ないのかと思いましたが、いかがでしょうか?
コメント(0件)