Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Software > Calibre

Notices

Reply
 
Thread Tools Search this Thread
Old 06-10-2019, 02:38 AM   #1
rablampain
Junior Member
rablampain began at the beginning.
 
Posts: 3
Karma: 10
Join Date: May 2019
Device: htc u11 android
link not working as expected

I have the following HTML code which renders as expected in the browser (Firefox), that is when clicked, the link pointed to within the <div ..></div> tags renders at the top of a new window as specified in the css file and is highlighted that way but the ebook reader (Calibre) only shows a new window in which the link (from over 200 of them) could be rendered anywhere and the CSS formatting is ignored necessitating to read the whole window to find it.

I have only basic knowledge on the subject, I understand the browser considers the link as part of the <div></div> block and the link inherits the css formatting of the <div>, if this is correct, how can I accomplish the same result with the Calibre?
Else, I am missing something, what is it?

If the CSS inherit keyword is the answer, I could not figure how to use it.

Thank you for your help.

HTML code
Code:
<div class="quote">
"Government today is growing too strong to be safe. There are ..."
<br>
<a href="#H.L._Mencken">H.L. Mencken</a>
</div>
..
..
..
<p id="H.L._Mencken">
September 12, 1880 - January 29, 1956<br>
Was an American journalist, satirist, cultural critic and scholar of American English.
</p>
CSS code
Code:
p {
page-break-inside: avoid;
}
.quote {
page-break-inside: avoid;
background-color: silver;
text-align: center;
}
rablampain is offline   Reply With Quote
Old 06-10-2019, 03:36 AM   #2
kovidgoyal
creator of calibre
kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.
 
kovidgoyal's Avatar
 
Posts: 34,410
Karma: 10323934
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
sorry I dont understand what you are saying. It would help if you posted a minimal file reproducing the issue or at least some screenshots.
kovidgoyal is offline   Reply With Quote
Old 06-12-2019, 12:46 AM   #3
rablampain
Junior Member
rablampain began at the beginning.
 
Posts: 3
Karma: 10
Join Date: May 2019
Device: htc u11 android
Thank you for your answer.
I am not sure posting a screenshot of the result would help, this is a web page (585K >96,000 words) being converted into an ebook. It contains over 200 links similar to the problematic link as described in the HTML code above and the CSS code is in an external file. The problem is all about the difference between how browsers render HTML and how book readers do it.
The problem is that in the example shown above and repeated below when clicking "H.L. Mencken" in the HTML 'link'
Quote:
<a href="#H.L._Mencken">H.L. Mencken</a>
the content within the html code below should show with a background silver colour but it shows with a default colour (black)
Quote:
<p id="H.L._Mencken">
September 12, 1880 - January 29, 1956<br>
Was an American journalist, satirist, cultural critic and scholar of American English.
</p>
Also, clicking the link should place the linked content at the top of the new window but it shows anywhere in that new window which is filled with other linked contents that precede and follow the linked content of interest and since each of these linked content is only 3 lines it is necessary to read the content of the whole window to find the few lines of interest.

The code has worked as expected for years under the browser and still does and it has been found valid html 5 with W3C HTML validator, so the problem is NOT the calling of the CSS file.

I hope this makes sense to you. If it does not, I can build 2 files that would reproduce the effect but I hope this is not necessary since often it confuses the issue by introducing new problems.

I was thinking about purchasing Calibre but am under the impression that if the only solution is to rewrite the lot (remove links and include linked content in place), then that removes a good part of the incentive to make the purchase.

Last edited by rablampain; 06-12-2019 at 12:50 AM.
rablampain is offline   Reply With Quote
Old 06-12-2019, 01:27 AM   #4
kovidgoyal
creator of calibre
kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.
 
kovidgoyal's Avatar
 
Posts: 34,410
Karma: 10323934
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
calibre is free, it does not need to be purchased. And most book readers, including calibre, use browsers to do the actual rendering. The calibre viewer operates by default in paged mode, which means that when you click a link you will be taken to the page that contains the target of the click, it will not neccessarily be at the top of the page. If you wish to always ensure it is at the top of a page, you need to insert a page break before the target. Or click the yellow scroll icon in th etop right corner of the viewr to switch it to flow mode and it will behave like a browser.
kovidgoyal is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Search not working as expected banid0 Library Management 3 05-05-2015 09:24 AM
Custom Columns Not Working As Expected niagara94 Calibre Companion 12 04-17-2014 12:49 PM
Aura 'Sort by author' working different than expected Indy_Mouse_9 Kobo Reader 2 03-07-2014 09:21 AM
Page breaks not working as expected jim.thornton Conversion 2 07-20-2011 12:44 AM
float not working as expected in ADE iain robinson ePub 8 06-18-2011 04:16 AM


All times are GMT -4. The time now is 04:11 AM.


MobileRead.com is a privately owned, operated and funded community.