1 reply [Last post]
jss366
Offline
newbie
London
Last seen: 16 years 28 weeks ago
London
Joined: 2004-07-14
Posts: 6
Points: 0

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;
}

skyrocket
skyrocket's picture
Offline
Enthusiast
Sydney - Australia
Last seen: 17 years 6 weeks ago
Sydney - Australia
Timezone: GMT+10
Joined: 2003-12-18
Posts: 71
Points: 0

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/

PAUL - SkyRocket Design Co
web design sydney northern beaches