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!

 

Advertisements

11 thoughts on “Fun With Ebook Formatting: Make a Little List

  1. Okay… I just had a seizure. You may as well be speaking Greek. No, wait, I’d understand Greek much better than what you just said. I swear.

    • You can even make lists with Greek characters for markers. list-style-type=”lower-greek”. Then you can understand it, right? 😀

      • Maybe. I recently discovered I understand Finnish. Very weird. Must be a past life thing.

  2. Ah, this is why there’s that expression that one can know enough to be dangerous. I’ve always known about lists tags, but didn’t realize there was more than one nor that there were certain tags not compatible with epub. Thanks for the info!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s