Posted by Curtis on 12/19/05 21:43

How does one use scalable fonts with nested lists?

Apparently if ul is {font-zize: 130%;} for example,

* A This is 130% of context
* A This is 130% of context
** B This is 130% of A
** B This is 130% of A
*** This is 130% of B
*** This is 130% of B

The HTML our program presently outputs is

<ul class="ulist" style="font-size: 130%;">
<li> A Item</li>
<li> A item</li>
<ul class="ulist" style="font-size: 130%;">
<li> B item</li>
<li> B item</li>
<ul class="ulist" style="font-size: 130%;">
<li> C item</li>
<li> C item</li>
</ul>
</ul>
<li> A item</li>
</ul>

Dropping the inline style and setting ul or ulist at
font-size: 130%; has the same effect. Each level of subitem
gets progressively larger.

Is there any way around this short of fized font sizes for
lists?

It would be easy enough for our code to generate different
class names for each level of list,
class="ulist1", ulist2, etc., but...

--

Curtis

Visit We the Thinking
www.wethethinking.com
An online magazine/forum
devoted to philosophical
thought.

[Back to original message]