[問題] CSS水平導覽列如何讓他"粘"在一起?
最近剛學css 發現遇到好多問題.
但還是痛心決定把網站頁面改成css來排版.
現在在做水平的導覽列，照書上說的已經成功把清單給水平放置，但出現一個問題!
就是每個選項都會出現空隙，如圖 http://34c.cc/tmp/pic/fail.jpg
我在li裡做了很多動作 像是 margin padding 之類的都設為0,但一樣有空隙！
如何可以做到沒空隙的水平導覽列呢? 如圖 http://34c.cc/tmp/pic/ok.jpg
以下是我的程式碼
//HTML
<div id="menu_s">
<ul>
<li><img src="images/up_menu_01.gif"></li>
<li><img src="images/up_menu_02.gif"></li>
~中間略~
<li><img src="images/up_menu_13.gif"></li>
</ul>
</div>
//CSS
#menu_s ul{
list-style-type:none;
list-style:none;
margin:0;
}
#menu_s li{
display:inline;
}
謝謝指導。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.105.151.152
→
06/09 22:15, , 1F
06/09 22:15, 1F
推
06/10 00:30, , 2F
06/10 00:30, 2F
→
06/10 04:55, , 3F
06/10 04:55, 3F
→
06/10 04:55, , 4F
06/10 04:55, 4F
討論串 (同標題文章)
以下文章回應了本文：
完整討論串 (本文為第 1 之 5 篇)：