hey Ron K

while you're on the topic of drop caps, just wanted to share this.

here's a very simple method i created, without any php or javascript- just pure CSS- to get number-indicators in an OL to float like drop-caps. it looks like this:
http://boxstr.com/files/4656480_rfghd/DropList.jpg

as you can see, it works perfectly in chrome and firefox, but of course IE 8 chokes on it- the floats work, but the OL numbers don't increment. i hope somebody here can work out a fix!

keys to this method:
-don't put anything inside the LI's. they are empty. all content goes after each closing LI.
   -float the surrounding div, not the LI.
   -the OL must specify decimal inside style.

.dropli {float: left; width: .7em; font-size: 8em; line-height: 83%; }

.dropcontent { margin-bottom:2em; }

ol { list-style: decimal inside; }
...
<ol> < div class="dropli"><li ></li></div>< div class="dropcontent">orem ipsum dolor sit amet, consectetuer. </div>....</ol>
.......

______________________________________________________________________
css-discuss [[email protected]]
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/

Reply via email to