ページ送りを数字にしたいのですがネットで見つけたものを貼ると以下のように縦になってしまいます。
・≪前
・1
・2
・3
・4
・5
・6
・次 ≫
黒い点もいらないし横にしたいのですがどうしたらよいでしょうか？
貼ったのは以下のものです。
HTML
-->
<ul class="pageNav01">
<li><a href="1.html">« 前</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">次 »</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;
}
このコミュニティにご参加頂くと、コメントの書き込みができます
4件中、1～4件表示
いろいろ探してみます。