Forum Moderators: not2easy
<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>
[/PHP]
1. there should be the same in IE and mozilla space between list text like ,,bla, bla, bla'' and buller image.
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.
A lot of things are not correct in your code. <li> elements must be enclosed with e.g. <ul> or <ol> tags and they can't be within a table cell on their own.
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
