株式会社アイネックスはソフトウェアの開発、ホームページの作成ツール企業です。

     横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。

galleria

03-15)  1. ページ送りメニューを作る

 

ページ送りメニューを作る

ページ送り画面の作成を行なう。

cssの書き方 /*--------------------------------------------------
03-15 ページ送りメニューを作る
--------------------------------------------------- */
#navi_580{
 width:auto;
}
#navi_580 ul{
 margin: 0 0 0 10px;
}
#navi_580 li{
 display: inline;
 list-style-type: none;
 line-height: 1.2;
}
#navi_580 li span.active{
 width: 30px;
 padding: 3px 6px;
 border: 1px solid #2F2120;
 background-color: #2F2120;
 color: #FFFFFF;
}
#navi_580 li a{
 width: 30px;
 text-decoration: none;
 padding: 3px 6px;
 border: 1px solid #2F2120;
}
#navi_580 li a:link { color: #2F2120; }
#navi_580 li a:visited { color: #2F2120; }
#navi_580 li a:hover { color: #2F2120; background-color: #8E9D18;}
#navi_580 li a:active { color: #2F2120; background-color: #8E9D18;}
HTMLの使用例  <ul id="navi_580">
<li><a href="#">前へ</a></li>
<li><a href="#">1</a></li>
<li><span class="active">2</span></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">次へ</a></li>
</ul>