在div中的滾動按鈕

好的，我是相當新的CSS，並且遵循這個滾動按鈕代碼（http://www.elated.com/articles/css-rollover-buttons/）。事情是我想要9個按鈕（3x3）。如果我重複該代碼並重命名該ID，則它們全都在頁面中重複。我想我想製作div，但不知道下一步該去哪裏。在div中的滾動按鈕

HTML：

<a id="emailUs" href="#" title="Email Us"><span>Email Us</span></a>

CSS：

#emailUs 
{ 
    display: block; 
    width: 107px; 
    height: 23px; 
    background: url("emailUs.gif") no-repeat 0 0; 
} 

#emailUs:hover 
{ 
    background-position: 0 -23px; 
} 

#emailUs span 
{ 
    position: absolute; 
    top: -999em; 
}

讓我有9個按鍵在一個3x3的網格將如何我現在重複這個代碼？

來源

2014-03-01 agent73

'顯示的寬度：塊;'是是什麼讓他們形成一個列表而不是網格。 –

謝謝。還有很多小東西要學。這些評論大多有助於更好地理解代碼。 – agent73

有很多方法可以解決這個問題，最簡單的方法可能是讓三個div分別是三個鏈接。你可以看到它here on codepen

來源

2014-03-01 08:10:11 thesublimeobject

謝謝。這對我有用。我只需要幾個月的時間編寫代碼，因此提出問題，複製，粘貼和修改代碼就是我需要的。再次感謝你。 – agent73

沒問題！我試圖儘可能簡單。如果你可以請標記它是正確的，那將是美好的。 :) – thesublimeobject

你可以把所有9標籤像這樣<div id="wrapper"> 9*<a href="..."> </div>.東陽的一個標籤是具有固定的寬度（107px），你可以強迫你包裝成具有240像素固定的寬度，但你還是必須刪除顯示器：block;

嘗試破解這個小提琴：http://jsfiddle.net/bk44c/

爲網格的其他解決方案：增加一個float: left; margin: 5px到您的一個標籤，增加你的包裝width: 400px;

問候

來源

2014-03-01 08:25:18 radubogdan

在div中的滾動按鈕

回答

相關問題