[Web4lib] Image bullets in lists

[Bret Parker]

ul { list-style-image: url(bullet.gif) }

Should instead be

ul li.features { list-style-image: url(bullet.gif) }

   ^

By the way, my example page DISPLAYS the image bullets in Firefox and IE, but only prints them in IE. This is probably due to the way I have split the CSS across a 'print' media stylesheet and a style declaration within the document itself (just a guess). 

Andrew, my page works without any quotes around the image reference.

Here is the page:  http://www.stockton.lib.ca.us/calendars/chavez/arts.htm 

CSS looks like this:

		ul li { 
			list-style-image: url(/images/pallette.gif);
			list-style-position: outside;
			padding: 4px 0 2px 0; 
		}

........................................................................................................

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/

Bret Parker
Stockton-San Joaquin County Public Library
605 N. El Dorado St
Stockton, CA 95202

Have you used your electronic library subscription today?
  Pick a topic and read!   http://www.stockton.lib.ca.us/electronic/