PDA

View Full Version : Css help...banging head against brick wall!


DeterminedOne
14-01-2008, 02:43 PM
Any css supremos out there? I'm trying to figure out where I'm going wrong and it's driving me nuts!

I'm trying to create an inline list with images as the bullets. All works fine as a normal unordered list, but the minute I change the display to 'inline' the bullets disappear. Can anyone put me out of my misery and tell me where I'm going wrong?

ul.listingbullet {
margin-left:0px;
}

ul.listingbullet li {
display:inline;
list-style-image:url(images/icon_categories.gif) repeat:no-repeat top left ;
}

Thanks!
Laura

bluecube
14-01-2008, 07:20 PM
Hi Laura,

Try this...

ul.listingbullet {
margin-left:0px;
}

ul.listingbullet li {
display:inline;
background:url(images/icon_categories.gif) no-repeat;
padding: 0px 0px 10px 20px;
margin: 0px;
list-style-type: none;
}

Change the padding to reflect the size of your image

Let me know how you get on

Hope this helps

Regards

Nathan

DeterminedOne
14-01-2008, 09:41 PM
Nathan, you're a star, that worked a treat! Thank you ;o)

bluecube
14-01-2008, 09:48 PM
Welcome,

Just a note for future if its on a live / test server and you can give a link o the page its always better...but this could well be your top secret new project :D