I am trying to hack around the inability of Nook to read nested lists properly. When I do:
<ol>
<li>item1
<ul>
<li>nested1</li>
<li>nested2</li>
</ul></li>
<li>item2</li>
<li>item3</li>
</ol>
I get:
1. Item1
2. nested1
3. nested2
4. item2
5. item3
which is obviously not what I'm going for. Ipad seems to get it, but not Nook and (I think) not mobi either. To get around this I am using paragraph tags for the top level lists and lists for the nested lists, like so:
<p>item1</p>
<ul>
<li>nested1</li>
<li>nested2</li>
</ul>
<p>item2</p>
<p>item3</p>
The catch with this is that the indents don't line up nicely the way they should, especially since the client wants to justify all the text. Is there a way to decrease the space between a bullet and the indent, maybe with padding, so I have better control over how it all lines up? Maybe fix it all in pixels instead of em's? If it were me, I'd just move on, but the client is just dead-set that it all has to line up. I have tried to figure this out all sorts of ways. I'd like my life back! HA
On a related note, I am doing callout boxes to the left of the unordered list, and Nook puts the bullets inside the callout (hello!?) so I am trying to make those into paragraphs as well.
This is just dumb coding on both issues...and seems like a pretty basic thing to support. I'd love to hear any ideas and/or work-arounds!