How do I get my bullet point in my <ul> to be aligned at the centre of the text that accompanies it? Do I change the ul or the li CSS definitions? At the moment it looks like it's lined up with the bottom of the text.You'd do it in the <li> but you may have to replace it with something like a unrepeated background image to really fine tune positions.Can you please give me an example? I also can't use images as it's got to run fast.Bullet images don't have any noticable effect on load times. The style idea is like this
li.bulleted {
list-style: none;
background: url(images/mybullet.gif) 5px 0px no-repeat;
padding-left: 2em;
margin: 0;
}
And the HTML is just
<li class="bulleted">dog</li>
There's an old thread either here or in the HTML forum where DaveSW and I kicked this around.Thanks. I'll keep fiddling with it and I'll look around for that other post.
(I had to fight hard for the one non-logo image that we have, I really don't think they will let me use images for the list elements)Why not li {list-style: none; background: url(bullet.gif) center left no-repeat; padding-left: 20px; }, ?
ED. - a quick example: <http://projep.no-ip.com:81/test/forum/c-bull/>
li.bulleted {
list-style: none;
background: url(images/mybullet.gif) 5px 0px no-repeat;
padding-left: 2em;
margin: 0;
}
And the HTML is just
<li class="bulleted">dog</li>
There's an old thread either here or in the HTML forum where DaveSW and I kicked this around.Thanks. I'll keep fiddling with it and I'll look around for that other post.
(I had to fight hard for the one non-logo image that we have, I really don't think they will let me use images for the list elements)Why not li {list-style: none; background: url(bullet.gif) center left no-repeat; padding-left: 20px; }, ?
ED. - a quick example: <http://projep.no-ip.com:81/test/forum/c-bull/>