IE7 ne prikazuje simbole(bullets) u listipokušavam da nateram IE7 da mi prikaze umesto default bulleta moju sličicu u listi. E sad,
ne samo da neće da prikaze moju sličicu, nego neće da prikaze ni default bullet. U pitanju je
horizontalni meni, a evo i osnovnog sourca:
Code:
<style type="text/css">
ul,li{ margin:0; padding:0;}
#menu_holder ul li{float:left; width:100px; border:1px solid #333;}
#menu_holder ul{ overflow:auto;}
#menu_holder{ padding:10px 0;border:1px solid orange;text-align:center;}
#menu{padding:10px 0; width:204px; border:1px solid blue; margin:0 auto;}
</style>
<div id="menu_holder">
<div id="menu">
<ul>
<li id="menu_li_home"><a href="#">Link</a></li>
<li id="menu_li_about"><a href="#">Link</a></li>
</ul>
</div>
</div>
<style type="text/css">
ul,li{ margin:0; padding:0;}
#menu_holder ul li{float:left; width:100px; border:1px solid #333;}
#menu_holder ul{ overflow:auto;}
#menu_holder{ padding:10px 0;border:1px solid orange;text-align:center;}
#menu{padding:10px 0; width:204px; border:1px solid blue; margin:0 auto;}
</style>
<div id="menu_holder">
<div id="menu">
<ul>
<li id="menu_li_home"><a href="#">Link</a></li>
<li id="menu_li_about"><a href="#">Link</a></li>
</ul>
</div>
</div>
Inače u firefox-u radi bez problema i prikazuje moje sličice. Ovde sam naveo primer bez list-style-image:url() jer,
ako uspem da prikazem default bullet, verovatno neće biti problema ni sam mojom sličicom. Postavio sam ivice,
čisto da se bolje vidi o čemu se radi. Svaka sugestija je dobrodošla... Mozda posto su elementi liste float:left
to pravi problem,ali ne vidim kako bi drugacije ovo uradio. Sa display:inline opet bulleti neće biti prikazani.
