FC2ブログ

テンプレート・プラグイン

ページ送りを数字にしたい

ページ送りを数字にしたいのですがネットで見つけたものを貼ると以下のように縦になってしまいます。
・≪前
・1
・2
・3
・4
・5
・6
・次 ≫
黒い点もいらないし横にしたいのですがどうしたらよいでしょうか?
貼ったのは以下のものです。

HTML
-->
<ul class="pageNav01">
<li><a href="1.html">&laquo; 前</a></li
><li><a href="1.html">1</a></li
><li><span>2</span></li
><li><a href="3.html">3</a></li
><li><a href="4.html">4</a></li
><li><a href="5.html">5</a></li
><li><a href="6.html">6</a></li
><li><a href="3.html">次 &raquo;</a></li>
</ul>

CSS

#main ul.pageNav01s {
margin: 0 0 10px;
padding: 12px;
background: #f3f3f3;
text-align: center;
}

#main ul.pageNav01s li {
display: inline;
margin: 0 1px;
padding: 0;
}

#main ul.pageNav01s li span,
#main ul.pageNav01s li a {
display: inline-block;
padding: 1px 8px;
background: #fff;
border: 1px solid #ccc;
vertical-align: middle;
text-decoration: none;
}

#main ul.pageNav01s li a:hover {
background: #efefef;
}

by るなるるるん  2015年05月05日 22:28
by るなるるるん
2015年05月05日 22:28

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧

このコミュニティにご参加頂くと、コメントの書き込みができます

4件中、1~4件表示