2

だから私はプレイリストをプルするYouTube APIを持っています...結果が15を超える場合、16-30をページに、31-45をページ3に、などに分割し、ナビゲートするための「次のページ」「前のページ」ボタンがあります.

見てみましょう: http://d.pr/i/QbZw

ページの残りの部分と一致するように CSS を追加すると、ボタンが重なります: http://d.pr/i/BpIc

HTMLは次のとおりです。

  <div class="button-container back_image">
  <img src="Pictures/Footer.jpg" width="1060" height="75">
  <button id="prev-button" class="paging-button" onclick="previousPage();">Previous Page</button>
  <button id="next-button" class="paging-button" onclick="nextPage();">Next Page</button>
  </div>

関連 CSS:

.back_image{
    width: 1060px;
    height:auto;
    margin: auto;
    text-align:center;
    position:relative;
    }   
.paging-button {
    visibility: hidden;
    position: absolute;
    margin: auto;
    top: 0;
    left:0;
    right:0;
    bottom:0;
    color:#fff;
    height:25px;
    background-color: rgba(0, 0, 0, .3);
    width: 1060px;
    color: white;
    }

私が間違ったことについてのアイデアはありますか？

4

5 に答える 5

1

を削除することをお勧めしposition: absoluteます。次に、width: auto両方のボタンを設定します。次にfloat: left、最初のボタンに afloat: rightを、2 番目のボタンに a を付けます。これが機能することを保証するものではありません...

于 2013-09-11T09:16:24.960 に答える