[問題] 關於css的list-style問題

看板Web_Design作者 (鈞小甯超正)時間17年前 (2009/01/04 19:02), 編輯推噓3(301)
留言4則, 4人參與, 最新討論串1/1
小弟是新手 不知道是我書沒有看透 還是真的有bug 我想用ul&li做一個水平的導覽列 有的書上寫用float:left 有的寫用display:inline 經我的實驗發現第二種list-style-image顯示不出來 所以我就用第一種不過firefox出的來IE卻依然不行 不知道有沒有大大可以指點迷津阿 因為我想要image跟清單的名稱是要貼在一起置中 list-style-image出的來最方便了 我現在是用span把名稱包起來 然後這樣設定暫時有達到預期的效果 li{text-align: center;} span{padding-left: 24px; font:normal 24px/2em Verdana, Arial, Helvetica, sans-serif; background: url(../img/sign_3.png) no-repeat left center; display: inline;} 不知道有沒有簡單的方法 麻煩指導一下 謝謝~ -- 順便問一下 像我上面這樣寫font: 假如沒設行高firefox就不會正確顯示 搞的都要分成很多行= = 好多狀況書上都沒講.... -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 59.112.251.221

01/04 19:37, , 1F
要有html code才能幫你debug
01/04 19:37, 1F

01/04 20:47, , 2F
list-style-image很爛 不能控制圖片位置 用background吧
01/04 20:47, 2F

01/05 20:46, , 3F
推用background + padding 就可以了~
01/05 20:46, 3F

01/06 02:08, , 4F
結論是沒有其他方法囉!?感謝!!
01/06 02:08, 4F
文章代碼(AID): #19O9T7vN (Web_Design)