推 adamp3:CSS就可以做到了 10/04 17:25
我試圖使用adamp3網友所提供的這個功能
我需要的是直的 所以我就自己手動改
改完發現在IE顯示是正常
但在firefox上卻怪怪的
會在每一個button多了一個新的分行
因為我對css語法沒有很熟
所以想請問一下我是不是哪邊做錯了?
把語法附在下面 請幫我看一下 感謝
<style type="text/css">
body {
margin:0;
padding:0;
font: 12px Verdana;
}
#tabsF {
width:100%;
background:#FFFFFF;
font-size:93%;
line-height:normal;
}
#tabsF ul {
float:none;
margin:0;
padding:10px 10px 0 5px;
list-style:none;
}
#tabsF li {
display:inline;
margin:0;
padding:0px;
}
#tabsF a {
background:url("button-left.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsF a span {
display:block;
background:url(\"button-right.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover span {
color:#FFF;
}
#tabsF a:hover {
background-position:0% -42px;
}
#tabsF a:hover span {
background-position:100% -42px;
}
</style>
<div id=tabsF>
<ul>
<li><a href="#" title="Link 1"><span>Link 1</span></a></li>
<li><a href="#" title="Link 1"><span>Link 1</span></a></li>
<li><a href="#" title="Link 1"><span>Link 1</span></a></li>
<li><a href="#" title="Link 1"><span>Link 1</span></a></li>
<li><a href="#" title="Link 1"><span>Link 1</span></a></li>
</li>
</ul>
</div>
--
Denish
http://www.denish.tw
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 203.67.221.184
推 adamp3:方便附上你所看的的截圖嗎? 10/11 18:26