[thelist] CSS -- <li> img not aligning with text

Christian Heilmann lists at onlinetools.org
Tue Feb 8 12:47:03 CST 2005


Jennifer.Gillespie at fitchratings.com wrote:

>I'm using a background-image as a bullet in my lists.  When the item is
>long and wraps the text, the image aligns to the middle of the row, as
>opposed to aligning to the top of the first line.
>
>As a CSS neophyte, is there some align tag I'm missing?  This is what I'm
>using:
>
>___________________________
>#bulletlist {
>      margin-left: 0px;
>      padding-left: 0px;
>      list-style: none;
>}
>
>#bulletlist li {
>      margin-left: 0px;
>      padding-left: 14px;
>      background-image: url(images/arrw_off.gif);
>      background-repeat: no-repeat;
>      background-position: 0px;
>}
>  
>
try background:url(images/arrw_off.gif) top left no-repeat #fff;
You forgot to set a horizontal and vertical coordinate. Also, always 
provide a colour to fall back on should the image not be available.
Using the list-style-type image, as somebody pointed out is another 
option. but this one is  better supported.






More information about the thelist mailing list