On 8/29/11 9:54 AM, Brad Czerniak wrote:
One technique is to null the list style, then prepend empty content before
each li:
http://jsfiddle.net/Ugtvs/
This example requires support of :before with content and border-radius, so
IE will not like it. Hawidu CSS (http://code.google.com/p/hawiducss/) uses
triangles instead to get around border-radius. It then works in IE8 but not
IE7. Conceivably, you could use any CSS shape as a list marker:
http://css-tricks.com/examples/ShapesOfCSS/
You can use an actual bullet character, of course. (Unicode 2022.)
Here's what I am using:
ul.custom {
list-style-type: none;
margin-left: 0;
}
ul.custom li:before {
content:"\2022" "\A0\A0";
color:#7109AA;
font-weight:bold;
text-shadow:1px 1px 3px rgba(0,0,0,.4);
}
Provided the fonts in your font stack contain the necessary glyph, you
can conceivably use one of a large number of shape characters.
"Make hearts, not bullets..."
--
Cordially,
David
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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/
