Quote:
Originally Posted by Rand Brittain
Working up bulleted lists where some bullets use standard bullets and some use a fancy icon is going to be a pain, then.
|
Standard bullets are just a particular character, which you can write as •, so it can be as simple as:
Code:
<div class="list">
<p><span class="standard_bullet">•</span> First item.</p>
<p><span class="fancy_bullet">•</span> Second (fancy) item.</p>
</div>
Where "standard_bullet" does nothing and "fancy_bullet" selects an embedded font, assuming your fancy icon is defined in the bullet glyph of the font. The class "list" would take care of the proper alignment and spacing within the list.
Or, if the whole list is going to use one bullet or the other:
Code:
<div class="standard_list">
<p><span class="bullet">•</span> First item.</p>
<p><span class="bullet">•</span> Second item.</p>
</div>
<div class="fancy_list">
<p><span class="bullet">•</span> First (fancy) item.</p>
<p><span class="bullet">•</span> Second (fancy) item.</p>
</div>
and you'd define different fonts for "div.standard_list span.bullet" and "div.fancy_list span.bullet".