RTL alternate lines

tcmoon · 10-22-2022, 09:20 AM

I’m basically looking for a way to RTL every other line.

I want to be able to read in a LTR-RTL-LTR ect..

Any help would be appreciated.

Turtle91 · 10-22-2022, 09:55 AM

That's pretty easily done with css by setting the direction:rtl for a particular line.

There are some caveats:
- you can only designate a paragraph, div, or table row, etc. as rtl. You can't designate a particular line as rtl if the paragraph spans more than one line. And you can't know how many lines a paragraph will use with a reflowable epub especially when the user can change font size, margin size, and orientation (landscape/portrait)

- some devices might not support the css so you would have to play around with which one works. Attached are two different ways you can try...personally I prefer the nth-child method but your device may not support it.

Turtle91 · 10-22-2022, 10:12 AM

I just noticed the latin words were not actually RTL. To achieve that (for a non-rtl language) you would need to add the unicode-bidi element (see attached).

tcmoon · 10-22-2022, 06:34 PM

Quote:

Originally Posted by Turtle91

I just noticed the latin words were not actually RTL. To achieve that (for a non-rtl language) you would need to add the unicode-bidi element (see attached).

Thank you for the reply.

10-22-2022, 09:20 AM	#1
tcmoon Connoisseur Posts: 51 Karma: 53 Join Date: Oct 2007 Device: slate pc	RTL alternate lines I’m basically looking for a way to RTL every other line. I want to be able to read in a LTR-RTL-LTR ect.. Any help would be appreciated.

10-22-2022, 09:55 AM	#2
Turtle91 A Hairy Wizard Posts: 3,395 Karma: 20212733 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	That's pretty easily done with css by setting the direction:rtl for a particular line. There are some caveats: - you can only designate a paragraph, div, or table row, etc. as rtl. You can't designate a particular line as rtl if the paragraph spans more than one line. And you can't know how many lines a paragraph will use with a reflowable epub especially when the user can change font size, margin size, and orientation (landscape/portrait) - some devices might not support the css so you would have to play around with which one works. Attached are two different ways you can try...personally I prefer the nth-child method but your device may not support it. Attached Thumbnails Last edited by Turtle91; 10-22-2022 at 09:59 AM.

10-22-2022, 10:12 AM	#3
Turtle91 A Hairy Wizard Posts: 3,395 Karma: 20212733 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	I just noticed the latin words were not actually RTL. To achieve that (for a non-rtl language) you would need to add the unicode-bidi element (see attached). Attached Thumbnails

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
EPUB to PDF: hyperlinks that span lines make all of both lines clickable	metallserge	Conversion	4	09-23-2021 06:39 AM
RTL recipes	TalSO	Recipes	11	07-31-2018 08:14 AM
PRS-T2 RTL for PRS-T2	theagalingo	Sony Reader Dev Corner	0	11-13-2013 01:21 AM
Highlighting alternate lines in library view	BeccaPrice	Calibre	3	01-16-2012 04:57 PM
Touch Dark lines between lines of text	taming	Kobo Reader	12	06-13-2011 07:20 PM

Advert