作者yanli2 (Yan)
看板Web_Design
標題[問題] CSS水平導覽列如何讓他"粘"在一起?
時間Mon Jun 9 02:22:48 2008
最近剛學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
→ winder731022:看你這樣子好像是圖片選單,如果是我會改成文字的XD 06/09 22:15
推 takumi412:如果不想改文字選單的話, 那就在 <div> 上背景圖吧 06/10 00:30
→ yanli2:請教樓上. 改成背景圖的話 那按鈕要如何著手方能達到效果呢 06/10 04:55
→ yanli2:懇請解惑.. 最近愛上CSS了!!!! 06/10 04:55