Numbered list help

[RbnJrg]

Originally Posted by Bigo2

RbnJrg - perfect and not complicated! I'm going to play with this...

Thank you very much!

You are welcome

[Bigo2]

Thank you everybody for helping me with a fancier numbered list.
Regarding the way I tried to do it - using a negative top margin for sending the text up to align it with the number - I would like to know WHY it cannot be done?
I tried using the same font for the number line as well as the text line and the same line-height and the font-size, and I set everything in px. It did not help. Everything is ususlly OK in Sigil and aslo in Calibre Ebook viewer, but not in Kindle...
Why would it shift out of alignment?
How come there is no solution?

[RbnJrg]

Originally Posted by Bigo2

Thank you everybody for helping me with a fancier numbered list.
Regarding the way I tried to do it - using a negative top margin for sending the text up to align it with the number - I would like to know WHY it cannot be done?
I tried using the same font for the number line as well as the text line and the same line-height and the font-size, and I set everything in px. It did not help. Everything is ususlly OK in Sigil and aslo in Calibre Ebook viewer, but not in Kindle...
Why would it shift out of alignment?
How come there is no solution?

The method I posted IS the solution, if you want something for Kindle (not for KF7). Why don't you want to use ordered list or inlined-blocked (although with this last aproximation, the font-size can be an issue)?

By the way, if you want something for Kindle should post in that forum.

[phillipgessert]

Originally Posted by Bigo2

Thank you everybody for helping me with a fancier numbered list.
Regarding the way I tried to do it - using a negative top margin for sending the text up to align it with the number - I would like to know WHY it cannot be done?
I tried using the same font for the number line as well as the text line and the same line-height and the font-size, and I set everything in px. It did not help. Everything is ususlly OK in Sigil and aslo in Calibre Ebook viewer, but not in Kindle...
Why would it shift out of alignment?
How come there is no solution?

There were several problems in your original attempt. Using a fixed value like pixels does not work, because line-height can vary in ways you cannot control. It assumes the gap you’re filling is exactly 18px tall, but that won’t always be the case.

Also, <dd> is not correct semantics (course, nor is <p>). That <dd> belongs in a <dl>, paired with a <dt>. From a visual perspective, it may inherit some other styling for that element that you didn’t intend. Overall I would say it was kind of a very cumbersome way to try to build something that (imo) hasn’t got much benefit. And generally this sort of reshuffling of block-level elements via negative margin values and the like are risky and unreliable in general.

[Hitch]

Originally Posted by Bigo2

Thank you everybody for helping me with a fancier numbered list.
Regarding the way I tried to do it - using a negative top margin for sending the text up to align it with the number - I would like to know WHY it cannot be done?
I tried using the same font for the number line as well as the text line and the same line-height and the font-size, and I set everything in px. It did not help. Everything is ususlly OK in Sigil and aslo in Calibre Ebook viewer, but not in Kindle...
Why would it shift out of alignment?
How come there is no solution?

Why are you trying to have such ironclad, minute control? It's an ebook, not print and the layout, the margins, the font size, the font--those are all in the hands of the reader, not you.

Using 18px for spacing is bound to fail. Kindle, as you see, blithely overrides it and pretends it's not even there. So too would many other real devices.

You're trying to exert control where none is possible. You can do some things, as Ruben showed you, quite simply by just sticking with the default HTML. Trying to "moosh" the paragraphs closer together, in an environment like Kindle, which has a default line-height of 1.2ems, versus px...no.

@DNSB: OMG, yes on the fonts on the same line. It's a horror show and I must have to wrangle with that weekly. (sigh).

Hitch

[Bigo2]

Guys thank you for your suggestions how to do this properly - I know now.
Concerning my last questions up here, I was just curious WHY it does not work. Not because I want to use it - just my curiosity.
Thank you for explaining it to me.