Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 08-23-2011, 11:24 PM   #1
send2mac
Junior Member
send2mac began at the beginning.
 
Posts: 3
Karma: 10
Join Date: Feb 2011
Device: none
Question Multi level bullets in epub

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!

Last edited by send2mac; 08-23-2011 at 11:31 PM. Reason: did not display properly
send2mac is offline   Reply With Quote
Old 08-24-2011, 05:12 AM   #2
Toxaris
Wizard
Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.
 
Toxaris's Avatar
 
Posts: 3,182
Karma: 7180223
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-300, PRS-T1
Hmm, I think this can be done. Try:
Code:
ul.ind {
  padding-left: 2em;
}

p.ulist {
margin-left: -6em;
}
and then in your xhtml:
Code:
<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.

Last edited by Toxaris; 08-24-2011 at 05:22 AM.
Toxaris is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Multi-level TOC broken in epub->epub conversion siebert Conversion 14 03-09-2011 06:38 PM
Multi-Level TOC edbro Calibre 4 09-16-2010 07:54 PM
Multi level TOC PAQUITO Bookeen 1 12-23-2009 04:57 AM
Opus Multi-Level TOC's in ePub AnemicOak Bookeen 1 11-08-2009 05:14 PM
ePub, 505 and multi-level ToC JSWolf Calibre 4 06-04-2009 03:12 PM


All times are GMT -4. The time now is 04:24 PM.


MobileRead.com is a privately owned, operated and funded community.