View Single Post
Old 08-13-2022, 08:48 AM   #26
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,367
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
Quote:
Originally Posted by Quoth View Post
Not the only issue with the Kobo proprietary version of epub.

But I'd avoid "text decoration" CSS in books and see no use at all for strike through except in a book or essay about typewriters.
What about authors that are describing a hand-written letter from someone who can’t make up their mind in what to say???

Strike-through is exactly what you want. Whether you use a <span>, <s>, or <del> tag (<strike> is not supported in HTML5) it is highly recommended to use the ‘text-decoration: line-through’ css to explicitly define the behavior of the tag rather than rely on some “default behavior”.


Same argument applies to underline words: ‘text-decoration: underline’

edit: added images and example code
Code:
.strike {
	text-decoration: line-through;
}

div.write p {
	margin-bottom: 0.5em;
	font-size: 1.2em;
	font-family: "Monotype Corsiva", "cursive";
	font-style: italic;
	text-indent: 0;
}

div.write p.sig {
	text-align: right;
	margin: 0.25em 0 2em;
}



<div class="write">
    <p>Bella,</p>

    <p class="strike">I don’t know why you’re making Charlie carry notes to Billy like we’re in second grade—if I wanted to talk to you I would answer the&nbsp;&nbsp;&nbsp;</p>

    <p class="strike">You made the choice here, okay? You can’t have it both ways when&nbsp;&nbsp;&nbsp;</p>

    <p class="strike">What part of ‘mortal enemies’ is too complicated for you to&nbsp;&nbsp;&nbsp;</p>

    <p class="strike">Look, I know I’m being a jerk, but there’s just no way around&nbsp;&nbsp;&nbsp;</p>

    <p class="strike">We can’t be friends when you’re spending all your time with a bunch of&nbsp;&nbsp;&nbsp;</p>

    <p class="strike">It just makes it worse when I think about you too much, so don’t write anymore&nbsp;&nbsp;&nbsp;</p>

    <p>Yeah, I miss you, too. A lot. Doesn’t change anything. Sorry.</p>

    <p class="sig">Jacob</p>
  </div>
Attached Thumbnails
Click image for larger version

Name:	857C711E-70BA-4603-AF90-D5C8A23FAF1C.jpeg
Views:	119
Size:	448.6 KB
ID:	195841   Click image for larger version

Name:	Screenshot 2022-08-13 093725.png
Views:	115
Size:	172.6 KB
ID:	195843  

Last edited by Turtle91; 08-13-2022 at 09:41 AM.
Turtle91 is offline   Reply With Quote