Sent by Sam Carter on 1 January 2003 16:04
Thanks Jeff and to Karen for her caveat about some browsers not
displaying these characters properly.
I ran the suggestions through NetMechanic. The winner is • which
shows up correctly in all but one browser - WebTV.
I imagine there are other browsers out there that may have problems, but
line-height has killed the usability of this character as a usable
inline circle.
http://iness.com/css-test/circle.htm
This actually renders a pretty useful circle / bullet from text. It's
the enlarged character line-height that's a problem - particularly from
a cross-browser rendering viewpoint.
I've tried variations on line-height: 14px; and so on. I think this is
an idea whose time has not yet come.
If anyone suggests a workaround, I'll give it a try, but it isn't that
hard to generate graphic gif images.
Thanks again for your suggestions.
Sam
-----Original Message-----
From: Jeff Shepherd [EMAIL-REMOVED]]
Sent: Tuesday, December 31, 2002 4:09 PM
To: CSS Discussion List
Cc: Sam Carter
Subject: Re: [css-d] Colored Circles
>Is there a symbol or character or whatever that's round, can be sized
>and a color assigned so I can get a nice colored circle / dot roughly
>the size of a capital letter??
It depends on the font, but try the entity • (a.k.a. •,
bullet). You might find success with ◊ (◊, lozenge) and/or
· (·, middle dot) as well.
- Jeff -
