Hello,
I am using <ul>'s to display links on my site. I use: list-style-image:
to set the image to be displayed for each list item. I believe that this is the correct way of doing this, but as usual, IEwin tells me that I'm wrong. The image butts right up against the text when viewed in IE. I have tried adjusting padding and margin for the <li>, but this doesn't work at all. Any suggestions???
.list_1 is the class. It is displayed under "Portfolio" on the html page.
HTML (<!-- m --><a class="postlink" href="http://www.blackmarketculture.com/members/23/main.php">http://www.blackmarketculture.com/members/23/main.php</a><!-- m -->) CSS (<!-- m --><a class="postlink" href="http://www.blackmarketculture.com/00.css">http://www.blackmarketculture.com/00.css</a><!-- m -->)
Thanks,
Mike.list_1 ul {margin:0;margin-left:40px;padding:.5em 0 0 0;}
.list_1 li {list-style-image:url(list1_off.gif);list-style-position
utside;padding:0.2em 0;}
I am using <ul>'s to display links on my site. I use: list-style-image:
to set the image to be displayed for each list item. I believe that this is the correct way of doing this, but as usual, IEwin tells me that I'm wrong. The image butts right up against the text when viewed in IE. I have tried adjusting padding and margin for the <li>, but this doesn't work at all. Any suggestions???
.list_1 is the class. It is displayed under "Portfolio" on the html page.
HTML (<!-- m --><a class="postlink" href="http://www.blackmarketculture.com/members/23/main.php">http://www.blackmarketculture.com/members/23/main.php</a><!-- m -->) CSS (<!-- m --><a class="postlink" href="http://www.blackmarketculture.com/00.css">http://www.blackmarketculture.com/00.css</a><!-- m -->)
Thanks,
Mike.list_1 ul {margin:0;margin-left:40px;padding:.5em 0 0 0;}
.list_1 li {list-style-image:url(list1_off.gif);list-style-position
utside;padding:0.2em 0;}