添加CSS定位到按鈕

我有一個php分頁腳本的前一個和下一個按鈕，它們都屬於類分頁。添加CSS定位到按鈕

.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; 
}

正如你可以在下面這些按鈕的鏈接查看當在頁面的頂部設置完全並排時，但是我想要做的是得到t他按鈕坐在比上述部分低20px的位置。但是，如果我從頂部558px更改TI，會發生什麼是按鈕坐在不同的高度，不會坐在另一個旁邊。

任何想法，將不勝感激。

感謝

來源

2012-11-08 Stan Williams

你的樣式設置爲position: fixed，所以當屏幕滾動他們不會動 - 這是你想要的嗎？

.paginate { 
    position: relative; 
    ... 

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

現在設置你的按鈕top和right都相對PAGINATE容器

來源

2012-11-08 08:50:57 trapper

謝謝當我刪除固定的位置，按鈕最終看起來像這樣：http://www.qrrw.net/E –

你的HTML是很糟糕的 - 你有上一個按鈕裏面的下一個按鈕！ – trapper

謝謝沒有這不工作，沒有什麼似乎分開我第一次把它放在http://www.qrrw.net/E我認爲這個問題一定是因爲兩個按鈕都在同一類 –

您可以通過position:absolute;上。接下來與既往都設置按鈕，該按鈕的藥水不會改變

來源

2012-11-08 08:51:02

添加CSS定位到按鈕

回答

相關問題