View Single Post
Old 08-15-2022, 01:30 PM   #44
enuddleyarbl
Guru
enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.
 
enuddleyarbl's Avatar
 
Posts: 792
Karma: 1538394
Join Date: Sep 2013
Device: Kobo Sage
Quote:
Originally Posted by rjwse@aol.com View Post
this is a work around which is a lot of trouble to go to.
I tested that with classes on a style sheet instead of with styles on the html/body page. It doesn't work on my Kobo Forma as a kepub. I've got test cases for a strike class and for using <del>, <s> and <striike> tags. In none of those on the Forma does the strikethrough line (I guess a border line with your method) get any thicker. In all cases, it's that 1 pixel thick line. Even more interesting, in the cases of the <del>, <s> and <strike> tags, the struck text is actually lowered on the page. But, the strike class (and putting the text-decoration line as a style in the <span>, keeps the struck text in the proper position.



EDIT: Forgot to include my actual classes:
Code:
@page {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.strike {
  text-decoration: line-through;
}
.strike2 {
  text-decoration: line-through;
  text-decoration-style: solid;
  text-decoration-color: black;
  text-decoration-thickness: 30%;
}
sspan, strike, del, s	{
  border-bottom:	10px;
  position:	relative;
  top:	-0.6em;
}
sspan, strike span, del span, s span	{
    position:	relative;
  top:	0.6em;
}
Code:
<p>This is a <span class="strike"><span>strikethrough</span></span> with strike class</p>

<p>This is a <del><span>strikethrough</span></del> with del tag</p>

<p>This is a <s><span>strikethrough</span></s> with s tag</p>

<p>This is a <strike><span>strikethrough</span></strike> with strike tag</p>

<p>This is a <span style="text-decoration:line-through;"><span>strikethrough</span></span> with a style=“text-decoration:line-through;” bit</p>

Last edited by enuddleyarbl; 08-15-2022 at 01:40 PM.
enuddleyarbl is offline   Reply With Quote