2011 本站教學範例已全面更新~ 新教學請看 http://www.flycan.com/article/   【到新的教學討論區】
【飛肯設計學苑】- 回首頁 -
回首頁最新開課訊息企業包班教育訓練範例教學區問題討論區交流分享區程式下載區
Photoshop影像達人專修班 Photoshop 遮色片 & 色版創作進階班 CSS 版面設計專修班 ActionScript 3.0 程式設計入門班 ActionScript & XML 進階整合應用班 Dreamweaver & CSS網頁版型設計班

 

本站已全面更新~ 2011年 新教學範例請看 → http://www.flycan.com/article/

 

【CSS 語法教學】範例區
float: left; 無法看到list-style-image 解決方式

發表新主題   回覆主題
【飛肯】教學網站 首頁 » 【CSS 語法教學】範例區
上一篇主題 :: 下一篇主題  
發表人 內容
ahwa
【班長】
【班長】


註冊時間: 2007-11-11
文章: 6

發表float: left; 無法看到list-style-image 解決方式 引言回覆

發表於: 2007-12-08 21:55 
<ul>

<li>

</li>

</ul>

如果使用float: left但是用到list-style-image 是無法看到的

這裡我用另外方式解決給各位參考

li {

float: left;

background-image: url(2008web/images/copy-icon.gif);

display: block;

margin-left: 1px;

height: 13px;

background-repeat: no-repeat;

padding-left: 16px;

margin-right: 0px;

}

圖片是 高13像素,我用間距來調位置

不知道有沒有人比我更好的方式

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 雅虎訊息通 MSN Messenger
【姜】
【老師】
【老師】


註冊時間: 2005-12-01
文章: 1873

發表 引言回覆

發表於: 2007-12-08 22:01 
贊喔~!

我平時也是用這個方法在做的~ ({)

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 MSN Messenger
從之前的文章開始顯示:   
發表新主題   回覆主題     1頁(共1頁)
【飛肯】教學網站 首頁 » 【CSS 語法教學】範例區

 
所有的時間均為 台北時間 (GMT + 8 小時)
前往:  

回首頁】【最新開課訊息】【企業委訓】【範例教學分享區】【問題討論區