Greetings!
I'm experiencing some difficulty with my bulleted lists; I'm hoping one of you has the answer I need to get through this hurdle.
I use InDesign CS5 to create my ePubs. I use nothing but Paragraph and Character styles - no manual formatting whatsoever. When I look at my ePub across different platforms, the alignment of the bullets is skewed. All subsequent lines are aligned, the only problem is that they aren't aligned with the first line of the bullet.
A coworker steered me in the direction of hacking around in the CSS file to adjust it accordingly, which is what I was attempting to do for the greater part of Friday's afternoon.
This is what I finally ended up getting (I was trying to switch the 'em' to 'px' to see if I could get a better alignment going)
p.x-bullet-first-level- {
font-family: "Helvetica Neue LT Std";
font-weight: normal;
font-style: normal;
font-size: 0.83em;
line-height: 1.60em;
text-decoration: none;
font-variant: normal;
text-indent: -10px;
text-align: left;
color: #000000;
margin: 0px 0px 0px 20px;
This is how it looks like using Sigil as my ePub preview:
It looked like I figured it out! I was so excited. However, when I uploaded it on my iPad, iBooks gave me this:
And when I previewed this on my Samsung Galaxy S, it renders differently:
So, my question is: Am I missing something in the CSS? I'm not anywhere near an expert at coding, so it's possible I'm missing a really simple step in my CSS.
Does anyone have the same issues when they're doing this too? Can anyone help me solve my Bulleted Crisis?
Thank you very much for your time