Peter Coates wrote:
> Why not use
> ul {
> list-style-image URL(bullet.gif);
> }
>
> I believe that is supported by IE.
Yes it is, but the placement (especially vertical) placement of the bullet
images varies by browser and there's nothing you can do about it. Moreover,
the images don't scale if text is resized.
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>
with, say, .bull { font-size: 150%; vertical-align: -0.15ex;} in CSS. The
vertical alignment setting here is a coarse attempt at placing the center of
the bullet around baseline plus half of the x-height, i.e. vertically
aligned with respect to the middle of lowercase letters without ascenders or
descenders. (That's a complicated way of saying "like normal list bullets".)
If list items can be longer than fits on one line, you have the additional
problem that the first line has larger height than other lines. But in a
menu-like list, that's not probable.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
______________________________________________________________________
css-discuss [cs...@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/
