View Full Version : Multi level bullets in epub


send2mac
08-23-2011, 10:24 PM
Can anyone help me with this?
I know to use ol and ul. But I don't know how to stop and start so it will look correct and valid.

It's not displaying correctly below. Level 1 bullets (ol) need to be indented from the body text.
Level 2 bullets (ul) need to be indented from Level 1.
Body text needs to be flush left.

I need the proper xhtml/css code to do the following:

1. ol, li
2. ol, li
3. ol, li
a. ul, li
b. ul, li

Body text paragraph. Kind a "note" inserted in the middle of the bullets. The following bullets need to continue the numbering from above.

4. ol, li ....
5. ol, li ....

I hope this makes sense. Many thanks in advance!

Toxaris
08-24-2011, 04:12 AM
Hmm, I think this can be done. Try:

ul.ind {
padding-left: 2em;
}

p.ulist {
margin-left: -6em;
}

and then in your xhtml:

<ol><li><p>bla bla</p></li>
<li><p>bla bla</p></li>
<ul class="ind"><li><p>indent</p></li>
<li><p>again bla bla</p><p class="ulist">Body text</p></li></ul>
<li>bla di bla</li></ol>


Haven't tested it, but I think it should work. Your exact numbers could change, depending on your stylesheet and margin settings.