Forum Moderators: not2easy

Message Too Old, No Replies

Centred bullet position

for small images

         

limbo

1:54 pm on Mar 8, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi

I have a 9X9 pixel gif I use as a bullet.

How do I position the bullet using css so the vertical align is centred, and not flush with the top of the character next to it.

I have tried a couple things but I don't think I have the right end of the stick.

Ta

Limbo

limbo

3:47 pm on Mar 8, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



found a handy tut - ht*p://css.maxdesign.com.au/listutorial/01.htm

I was trying to adapt the bullet with the 'list-style' property not 'background-image'.

CSS:

ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
li
{
background-image: url(bullet.gif);
background-repeat: no-repeat;
background-position: 0.6em;
padding-left: 1.2em;
}

----

answering my own questions now! whats next?