CSS Drive forums | List styles

List styles

Posted: 25 April 2006 07:13 AM

[ Ignore ]

Newbie

Total Posts: 1

Joined 2006-04-25

I’m trying to create a very simple list using a graphic instead of the bullet. Looks fine in IE but firefox is creating a space between the ‘dot.gif’ and the beginning of the text. Any ideas?

<ul style="list-style: square inside url(’/images/dot.gif’); margin-top: 0px; margin-left: 0px; padding-left: 0px;">
<li><a href="">Search by Date</a></li>
<li><a href="">Enter PTO</a></li>
<li><a href="">Review Your PTO</a></li></ul>

Profile

CNLei

Posted: 03 May 2006 06:19 PM

[ Ignore ] [ # 1 ]

Newbie

Total Posts: 3

Joined 2005-11-29

<style type="text/css" media="all">
.MyList {margin:0;}
.MyList li {background:url(�/images/dot.gif�) no-repeat 0 50%;padding:0 0 0 20px;}
</style>
<ul class="MyList"> 
<li><a href="">Search by Date</a></li> 
<li><a href="">Enter PTO</a></li> 
<li><a href="">Review Your PTO</a></li>
</ul>

Profile

‹‹ highlight text color Need help: Almost dead struggling ››