Re: [問題] CSS水平導覽列如何讓他"粘"在一起?
※ 引述《yanli2 (Yan)》之銘言：
: 最近剛學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;
: }
: 謝謝指導。
不要用inline，因為這樣你html換行就一定弄個空格給你
#menu_s li{
float: left;
}
另外你可以把背景下在ul裡面
這樣就不用浪費那麼多圖去li個別插圖...
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 210.64.16.124
推
06/09 04:45, , 1F
06/09 04:45, 1F
討論串 (同標題文章)