Hi there,
I’m using CSS1 for IE7 and am having trouble using a custom image for my UL bullet.
(My text-editor is NoteTab Light, version 5.7.)
Problem is, when I view my page in IE, my image is getting nearly completely cut off from the left side, and I’m going crazy trying to fix this.
Here’s my CSS1 code:
ul.services{
list-style-image: url(../Images/ChkMark.png);
z-index: 10;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 330px;
left: 380px;
width: 275px;
font-size: large;
text-indent: 15px;
}
ul.services li{
margin: 5px 0px 0px 5px;
padding: 10px 0px 0px 10px;
width: 275px;
height: 46px;
border: 0;
}
ul.services a{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Verdana, Arial, sans serif;
color: black;
}
And, here’s my corresponding HTML code:
<ul class=”services”>
<li>Marketing;</li>
<li>Brochures;</li>
<li>Business Letters;</li>
<li>Sales Promotions;</li>
<li>Print/Radio Ad Copy;</li>
<li>Direct Mail Pieces;</li>
<li>Attention-Grabbing Flyers;</li>
<li>Press Releases;</li>
<li>Speeches;</li>
<li>Newsletters;</li>
<li>Corporate Image Profiles;</li>
<li>Non-Profit Grants;</li>
<li>And Much More…</li>
</ul>
I’ve tried using list-style-position and list-style-type elements to fix this problem, to no avail. Oddly enough, at first, when I’ve used one or both of these elements, the page appears to be fixed; but when I open it in IE later, I still have the original problem.
I don’t know what I’m doing wrong here. Can someone please clue me in?
Any help would be greatly appreciated! Thanks!
–CatBnovice