2011-11-16 50 views
0

我正在嘗試爲頁面創建頁腳頁腳。這是我的HTML代碼段與內部CSS一起:這個CSS有什麼問題(嘗試創建「digg like」分頁頁腳)

<html> 
    <head> 
     <style="text/css"> 
ul{border:0; margin:0; padding:0;} 

#pagination-digg li{ 
border:0; margin:0; padding:0; 
font-size:11px; 
list-style:none; 
margin-right:2px; 
} 
#pagination-digg a{ 
border:solid 1px #9aafe5 
margin-right:2px; 
} 
#pagination-digg .previous-off, 
#pagination-digg .next-off { 
border:solid 1px #DEDEDE 
color:#888888 
display:block; 
float:left; 
font-weight:bold; 
margin-right:2px; 
padding:3px 4px; 
} 
#pagination-digg .next a, 
#pagination-digg .previous a { 
font-weight:bold; 
} 
#pagination-digg .active{ 
background:#2e6ab1; 
color:#FFFFFF; 
font-weight:bold; 
display:block; 
float:left; 
padding:4px 6px; 
} 
#pagination-digg a:link, 
#pagination-digg a:visited { 
color:#0e509e 
display:block; 
float:left; 
padding:3px 6px; 
text-decoration:none; 
} 
#pagination-digg a:hover{ 
border:solid 1px #0e509e 
} 
     </style> 
    </head> 
    <body> 
<ul id="pagination-digg"> 
<li class="previous-off">«Previous</li> 
<li class="active">1</li> 
<li><a href="?page=2">2</a></li> 
<li><a href="?page=3">3</a></li> 
<li><a href="?page=4">4</a></li> 
<li><a href="?page=5">5</a></li> 
<li><a href="?page=6">6</a></li> 
<li><a href="?page=7">7</a></li> 
<li class="next"><a href="?page=2">Next »</a></li> 
</ul> 
    </body> 
</html> 

的代碼實際上是從本教程here,這顯然是錯誤的。

頁腳不會按原樣渲染,並且mousemove懸停事件上的閃爍似乎表明填充,字體重量或標記在懸停事件上發生了變化。

回答

0
#pagination-digg a:hover{ 
border:solid 1px #0e509e;margin:-1px 
} 

再次更新。一些款式代碼沒有關閉。在jsfiddle中使用CSS代碼。

http://jsfiddle.net/jWbzX/2/

+0

非常感謝你,非常感謝! –

+0

不客氣。 – tuze

+0

其實,CSS似乎還有點問題。你可以看看我在這裏使用的實際頁面:http://jsfiddle.net/fpPRL/你會看到前面的'按鈕'未被正確格式化。 –