Jukka K. Korpela replied to Peter Coates:
> > Why not use
> > ul {
> > list-style-image URL(bullet.gif);
> > }
> >
> > I believe that is supported by IE.
> The safest way to get bullets in larger size is to use bullet
> characters and
> font-size on them. In that case you would not use list markup at all (or,
> less safely, would use <ul> with list-style-type: none), e.g.
>
> <div class="item"><span class="bull">•</span> list item text</div>
I can't believe I'm disagreeing with the estimable Yucca, but this is not
the best advice. Firstly, using meaningless glyphs for presentational
purposes is bad for accessibility, because they are read out by screen
readers -- install the Fangs extension see what it would sound like. (For
the same reason, don't use | characters for vertical dividers or >
characters for arrows -- use CSS borders or background images.)
But more practically, most people nowadays implements custom bullets using
CSS background images and list-style-type: none. Background images are easy
to position reliably cross-browser. (Remember to turn list-style-type: disc
back on in your print stylesheet as the background image won't print.) Of
course, they won't resize with the text, but personally I don't find that a
problem.
One last tip:
> > list-style-image URL(bullet.gif);
It's safest to quote the URL using 'single quotes', because in my experience
if you don't, sometimes IE6 will not resolve the URL.
francois
http://www.isotoma.com
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
