[問題] 橫向 icons的圖片轉換
像這個網頁
http://itisplay.com/#sitelinks
她的icons
是直向的
我是用 display:block
我以為橫向只要改成display:inline
就可以了
可是好像不是這麼一回事
有高手願意教學嗎
非常感謝!!
最近常常發問非常感謝這邊的高手都願意教授
再度感謝
假如說
我的圖片width:80px hight:35px
我的index
<div id="nav">
<ul>
<li id="about"><a href="">about</a></li>
<li id="about"><a href="">about</a></li>
<li id="about"><a href="">about</a></li>
<li id="about"><a href="">about</a></li>
<li id="about"><a href="">about</a></li>
</ul>
</div>
css部分
#nav {
width:400px;
margin-top:67px;
}
#nav ul {
margin:0;
padding:0;
list-style:none;
}
#nav li {
margin:0;
padding:0;
width:80px;
height:35px;
text-indent:-9999px;
}
#nav li a{
text-decoration:none;
display:inline;
width:80px;
height:35px;
}
#nav li#about {
background-image:url(file:///D|/design/web desige/x/WEB/image/about.jpg);
background-repeat:no-repeat;
}
#nav li#about a:hover {
background-image:url(file:///D|/design/web desige/x/WEB/image/about02.jpg);
background-repeat:no-repeat:
}
哪有有錯呢?
感謝
這邊人都很好!!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.210.5.68
※ 編輯: cgcat 來自: 218.210.5.68 (07/24 16:50)
推
07/24 19:44, , 1F
07/24 19:44, 1F
→
07/24 22:08, , 2F
07/24 22:08, 2F
討論串 (同標題文章)
以下文章回應了本文 (最舊先)：
完整討論串 (本文為第 1 之 3 篇)：