看板 Web_Design 關於我們 聯絡資訊
最近剛學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