How to do space between bullt.gif and text ?
I have the following testing code for list:
1. there should be the same in IE and mozilla space between list text like ,,bla, bla, bla'' and bullet image.PHP Code:
<head>
<title></title>
<style type="text/css">
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
padding-left:5px;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}
a:link:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #e27901;
}
ul { list-style-type:none;margin:15px;}
li {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
background: transparent url(bullet1.gif) no-repeat 0px 1px;
padding-right:10px;
padding-bottom:2px;
padding-left:3px;
margin-top:7px;
line-height:10px;
}
-->
</style>
</head>
<body>
<table cellpadding="2" cellspacing="2" border=1>
<tr><td> </td><td><b>Sample List</td></b></tr>
<tr><td><li><a href="">bla, bla, bla, bla, bla, bla, bla</a></li></td><td valign="bottom"><a href="">bla, bla, bla, bla, bla, bla, bla
</a></td></tr>
<tr><td><li><a href="">bla, bla, bla, bla, bla, bla, bla</a></li></td><td valign="bottom"><a href="">bla, bla, bla, bla, bla, bla, bla
</a></td></tr>
<tr><td><li><a href="">bla, bla, bla, bla, bla, bla, bla</a></li></td><td valign="bottom"><a href="">bla, bla, bla, bla, bla, bla, bla
</a></td></tr>
</table>
</body>
</html>
2. there is bullet.gif and also bullet circle. How to remove bullet circle that there will be only image bullet.gif?
Need help.thank you.
CSS Codes
Reply With Quote
Bookmarks