[Web4lib] Image bullets in lists

[Andrew Mutch]

Rachel,

Add single quotes around bullet.gif and make sure that it's located in the
same directory or adjust your reference to point to the correct directory.
For an example, see:

http://www.w3schools.com/css/tryit.asp?filename=trycss_list-style-image

and

http://www.w3schools.com/css/css_list.asp

Andrew Mutch
Library Systems Technician
Waterford Township Public Library
Waterford, MI


> I just discovered that in CSS, there is a way to set an image as the
> bullet style in a list. (Previously, I had been simply using <p> and <br>
> tags to create lists of items with image bullets.) However, I cannot make
> it work for some reason. Could someone please look at this and tell me
> what I am doing wrong?
>
> In my style sheet:
> ul { list-style-image: url(bullet.gif) }
>
> In my document:
> <ul>
> <li class="features">New database: <a href="lrc.html">Literature Resource
>                Center (LRC)</a></li>
> </ul>
>
> (The "features" class changes the font size; it has nothing to do with the
> bullets.)
>
> Thanks!!
>
> Rachel Vidrine
> Web Services Librarian
> Bruce I. Howell Library
> Wake Technical Community College
> 9101 Fayetteville Road
> (919) 662-3309
> Raleigh, North Carolina 27603-5696
>
> _______________________________________________
> Web4lib mailing list
> Web4lib at webjunction.org
> http://lists.webjunction.org/web4lib/
>