[thelist] [CSS] problem styling ULs with custom bullets

ben morrison morrison.ben at gmail.com
Fri Aug 12 11:07:34 CDT 2005


> ul.pdf_list
> {
>         list-style-type: disc;
>         list-style-image: url(img/ico_plus.gif);
>         list-style-position: inside;
>         padding-left: 0px;
> }

I tend to ignore the list-style-image property and use background
images instead as you have much more control over positioning of the
image - you will get stuck eventually (e.g. nested lists).

ul.pdf_list {
list-style:none;
}
ul.pdf_list li {
 background:#fff url(img/ico_plus.gif) 0 0 no-repeat;
}

You can then play with the positioning variables to achieve the
perfect position.

ben


More information about the thelist mailing list