Hi tried css list with one bullet image. it is ok when it has one line
if a pur 2 or 3 line in one list image position come not properly
i attached files also
Thnaks all
siddesigner
IE doesn’t like bullets, I know that for a fact…
If you are very familiar with CSS, I do this instead:
-
Make a jpg image of your bullet (or .gif with transparency if the need requires it)
-
Remove all list styling from your unordered list:
<ul id="my_list">
<li>Some item</li>
<li>Some item</li>
</ul>
#my_list {
list-style:none;
padding:0;
margin:0;
}
- Apply about 10 pixels of left padding to your list-items (This creates a gap to insert the image you created)
#my_list {
list-style:none;
padding:0;
margin:0;
}
#my_list li {
[COLOR=Red]**padding: 0 0 0 10px;**[/COLOR]
margin:0;
}
- Apply a background image to the** list-item**
#my_list li {
padding: 0 0 0 10px;
margin: 0;
[COLOR=Red][COLOR=Red]**background:url(images/my_bullet.jpg) no-repeat center left;**[/COLOR][/COLOR]
}
- Tweak** list-item** padding and jpg image accordingly to perfect it
Faster really nice explanation!!
