CSS Drive forums | List styles

List styles

Posted: 25 April 2006 01:13 PM

[ 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>Search by Date</li>
<li>Enter PTO</li>
<li>Review Your PTO</li></ul>

Profile

CNLei

Posted: 04 May 2006 12:19 AM

[ Ignore ] [ # 1 ]

Newbie

Total Posts: 3

Joined 2005-11-30

<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 ››