0

私はphpページネーションスクリプトの前と次のボタンを持っています。どちらもクラスpaginateに分類されます。

.paginate {
   font-family:Arial, Helvetica, sans-serif;
   padding: 3px;
   width:400px;
}

.paginate a {
   padding:2px 5px 2px 5px;
   margin:2px;
   text-decoration:none;
   color: #fff;
   width: 180px;
}

だから私は彼らの両方に独自の個別のクラスを与えました 次と前

次

.next {
   background: url("../images/more.fw.png") no-repeat;
   height: 87px;
   width:128px;
   padding:10px;
   margin:50px;
   font-family:Arial;
   font-size:24px;
   color:#fff;
   position:fixed;
   top:585px;
   right:470px;
}

前

.previous {
   background: url("../images/previous.fw.png") no-repeat;
   height: 87px;
   width:128px;
   padding:10px;
   margin:50px;
   font-family:Arial;
   font-size:24px;
   color:#fff;
   position:fixed;
   top:585px;
   right:620px;
}

下のリンクでわかるように、これらのボタンはページの上部に設定すると完全に並んでいますが、私がしようとしているのは、ボタンを上のセクションの 20 ピクセル下に配置することです。ただし、トップ 558px から ti を変更すると、ボタンが異なる高さに配置され、隣同士に配置されなくなります。

どんなアイデアでも大歓迎です。

ありがとう

4

2 に答える 2

0

スタイルが に設定されているposition: fixedため、画面がスクロールしても移動しません。これでよろしいですか?

.paginate {
    position: relative;
    ...

.next {
    position: absolute;
    display: block;
    ...

topボタンとrightすべてをページネーションコンテナに相対的に設定します

于 2012-11-08T08:50:57.920 に答える
0

position:absolute;ボタンのポーションが変わらないように、.next と .previous の両方でボタンを設定できます。

于 2012-11-08T08:51:02.867 に答える