[WEB4LIB] Unordered Lists (UL)

Thomas Dowling tdowling at ohiolink.edu
Tue Dec 7 12:20:02 EST 1999




> I thought this was covered before, but I searched the archives.
>
> How can I replace the bullets and other shapes in a UL with gifs?
> I'd just like to spice up the lists a little bit.
>

I imagine there are a number of responses being drafted as I write this,
but...

The most honest way to do this is to suggest the bullet image in a
stylesheet and just tag the list as you would normally do:

<html>
<head>
<title>Foo</title>
<style type="text/css"><!--
  UL {
    list-style-image: url(http://somewhere.org/foo.gif);
  }
--></style>
</head>
<body>
<ul>
  <li>A list item</li>
  <li>Another list item</li>
  <li>Still another list item</li>
</ul>
</body>
</html>



There *is* one prominent browser whose current version doesn't support
this CSS property.  But at least it displays your UL like a UL.


Thomas Dowling
OhioLINK - Ohio Library and Information Network
tdowling at ohiolink.edu




More information about the Web4lib mailing list