Fun With Ebook Formatting: Make a Little List

Did you know that most ereaders handle lists quite nicely? Here are some screenshots from a Kindle Paperwhite of one of my projects:

List1

List2Tidy, eh? The best thing is, lists are very easy to do with css and html.

List3There are two types of lists: Ordered and Unordered. Ordered lists use numbers or letters to mark list items; Unordered lists use symbols such as bullets. The html tags: <ol> for ordered lists; <ul> for unordered lists; <li> for list entries.

List5For some reason ebooks don’t care for type declarations in the html. The EPUB validator issues klaxon call warnings about that. I have found best practice is to declare the styles in the css stylesheet then assign classes.

Styling in css:

List6You can have fun with lists, too. Lists can be nested–perfect for complex Tables of Contents. And take a look at the screenshot where it says Add a Fancy Symbol. The fast and simple way is to make an unordered list with a style declaration of “none” and then insert a named entity (in this case, the right arrow).

List4You can tart up your lists with circles, squares, Roman numerals, and even images. To learn more, the w3schools site has all the information you need. For list type properties, go here. Just keep in mind that ebooks don’t like the “type” declaration, so use either “class” or “style.”

Have fun!

 

Advertisement