Hi,
I'm using a formatted list to pretty-up my bullet points, and all was well until I added an image for the text to flow around. The list text aligns with the margin of the image, which means the bullets are actually on top of the image. Is there a simple remedy for this that doesnt entail wrapping the bullets in a DIV?
Thanks!
Styles are as follows:
ul {
list-style-type: disc;
list-style-image: url(../img/bullet.gif);
padding: 0px 0px 10px 0px;
margin: 0;
margin-left: 10px;
}
li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #999999;
margin-top: 10px;
margin-left: 10px;
padding-left: 15px;
}
.picturerangeleft{
float:left;
padding:5px 10px 5px 0px;
margin: 0px;
}
list item bullets appear on top of left-aligned image
Best advice I can give you is read this: http://www.alistapart.com/articles/taminglists/