Ctrl-click for style not working

foosion · 09-08-2024, 02:47 PM

I have an epub with the CSS file directly in the OEBPS folder along with the xhtml files rather than in a separate Style folder.

Ctrl-click to open the first matching CSS style is not working - I get "no style rules that match the class xyz were found". The CSS file is linked correctly and everything else works properly (other than Live CSS).

Is this is a bug?

Fixing it in this ebook so that ctrl-click works would seem to require creating a Styles folder, moving the CSS file there and search/replace on all the links in the xhtml files. Or is there another way? Or I could just leave it, since the book can be viewed without issue, just editing is a touch harder.

Karellen · 09-08-2024, 04:07 PM

Sometimes that happens. I've noticed two causes...

1. You have declearations at the top of the css file. Something like the following. For some reason, this interferes with the ctrl-click link which is a know issue in Calibre.
@charset "utf-8";
@namespace h "http://www.w3.org/1999/xhtml";

2. If you run the CheckBook and EpubCheck functions, there will be errors. One of those errors is breaking the ctrl-click link. Once the errors are fixed, it will work again.

foosion · 09-08-2024, 04:25 PM

Quote:

Originally Posted by Karellen

Sometimes that happens. I've noticed two causes...

1. You have declearations at the top of the css file. Something like the following. For some reason, this interferes with the ctrl-click link which is a know issue in Calibre.
@charset "utf-8";
@namespace h "http://www.w3.org/1999/xhtml";

2. If you run the CheckBook and EpubCheck functions, there will be errors. One of those errors is breaking the ctrl-click link. Once the errors are fixed, it will work again.

1. The @ character does not appear in the CSS file. The CSS file looks normal to me, but I'm not highly experienced.

2. CheckBook says no problems found. I don't have EpubCheck installed, as it requires Java which I don't want to install.

It sounds like my guess about the CSS file not being in a Styles folder is incorrect.

Karellen · 09-08-2024, 05:14 PM

Quote:

Originally Posted by foosion

Fixing it in this ebook so that ctrl-click works would seem to require creating a Styles folder, moving the CSS file there and search/replace on all the links in the xhtml files. Or is there another way?

The easiest way is to run "Arrange into folders" in the Tools menu.

Why are you hesitant installing Java?

foosion · 09-08-2024, 05:25 PM

Quote:

Originally Posted by Karellen

The easiest way is to run "Arrange into folders" in the Tools menu.

Why are you hesitant installing Java?

Alas, using that to put the CSS file into a folder didn't help with ctrl-click.

FWIW, the CSS is Oxford University Press CSS version 1.2.

Java: I have a possibly irrational aversion to cluttering my computer with such files I rarely if ever use. Plus I'm not a fan of a language which forces you to put everything in a class.

foosion · 09-08-2024, 07:38 PM

I just edited another CSS file. It had @namespace epub "http://www.idpf.org/2007/ops"; at the top, but behaved normally.

DNSB · 09-08-2024, 11:29 PM

Personally, I was more that happy to install Java to be able to run epubcheck in Sigil and in the calibre ebook-editor. I also check the CSS since it is kind of sad how often the CSS contains errors.

kovidgoyal · 09-09-2024, 01:29 AM

Impossible to say without access to the book in question.

foosion · 09-09-2024, 06:55 AM

Quote:

Originally Posted by kovidgoyal

Impossible to say without access to the book in question.

Scrambled file attached.

Karellen · 09-09-2024, 07:06 AM

The error is in your <head> tag...

<link href="OUP_Styles.css" rel="styleSheet" type="text/css"/>

"styleSheet" should be lowercase - "stylesheet"

Relink the pages to the stylesheet and it should be fixed.

Also, your <span class="chaptertitle">. There is no class for "chaptertitle" in the stylesheet.

foosion · 09-09-2024, 07:39 AM

Quote:

Originally Posted by Karellen

The error is in your <head> tag...

<link href="OUP_Styles.css" rel="styleSheet" type="text/css"/>

"styleSheet" should be lowercase - "stylesheet"

Relink the pages to the stylesheet and it should be fixed.

Also, your <span class="chaptertitle">. There is no class for "chaptertitle" in the stylesheet.

That worked.

I'm surprised the CSS affected the text give the error in the link. Or, if viewers are forgiving, that the editor is not similarly forgiving (or noted the error).

JSWolf · 09-09-2024, 08:50 AM

Quote:

Originally Posted by foosion

1. The @ character does not appear in the CSS file. The CSS file looks normal to me, but I'm not highly experienced.

2. CheckBook says no problems found. I don't have EpubCheck installed, as it requires Java which I don't want to install.

It sounds like my guess about the CSS file not being in a Styles folder is incorrect.

You do need to install epubcheck and Javascript because calibre's error checker ignores some errors that epubcheck will catch. Either you install or you may have errors.

JSWolf · 09-09-2024, 08:51 AM

Quote:

Originally Posted by foosion

Alas, using that to put the CSS file into a folder didn't help with ctrl-click.

FWIW, the CSS is Oxford University Press CSS version 1.2.

Java: I have a possibly irrational aversion to cluttering my computer with such files I rarely if ever use. Plus I'm not a fan of a language which forces you to put everything in a class.

But you won't be rarely using Javascript because you'll be using it with epubcheck.

JSWolf · 09-09-2024, 08:52 AM

Quote:

Originally Posted by Karellen

The error is in your <head> tag...

<link href="OUP_Styles.css" rel="styleSheet" type="text/css"/>

"styleSheet" should be lowercase - "stylesheet"

Relink the pages to the stylesheet and it should be fixed.

Also, your <span class="chaptertitle">. There is no class for "chaptertitle" in the stylesheet.

I always do a fresh link to the CSS as a lot of the time, the cover and titlepage HTML are not linked. So it's just easier to do it and not have to look.

foosion · 09-09-2024, 09:23 AM

There's a script reference in the navigation.xhtml file:

Code:

<script xmlns="http://www.w3.org/1999/xhtml" type="text/javascript"></script>

Why would that be there?

09-08-2024, 02:47 PM	#1
foosion Evangelist Posts: 468 Karma: 41524 Join Date: Sep 2011 Device: Kobo Libra 2 & Clara BW	Ctrl-click for style not working I have an epub with the CSS file directly in the OEBPS folder along with the xhtml files rather than in a separate Style folder. Ctrl-click to open the first matching CSS style is not working - I get "no style rules that match the class xyz were found". The CSS file is linked correctly and everything else works properly (other than Live CSS). Is this is a bug? Fixing it in this ebook so that ctrl-click works would seem to require creating a Styles folder, moving the CSS file there and search/replace on all the links in the xhtml files. Or is there another way? Or I could just leave it, since the book can be viewed without issue, just editing is a touch harder.

09-09-2024, 09:23 AM	#15
foosion Evangelist Posts: 468 Karma: 41524 Join Date: Sep 2011 Device: Kobo Libra 2 & Clara BW	There's a script reference in the navigation.xhtml file: Code: <script xmlns="http://www.w3.org/1999/xhtml" type="text/javascript"></script> Why would that be there?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Bug: CSS Ctrl+Click Not Matching	Foozle	Editor	10	07-21-2023 08:59 AM
[Feature request] - Ctrl+Click on classes	thiago.eec	Editor	20	05-20-2021 08:41 AM
new feature 5.11 ctrl-click class behavior	rjwse@aol.com	Editor	1	02-13-2021 12:58 PM
Ctrl-R not working?	mbovenka	Calibre	70	10-20-2020 09:34 AM
Calibre 0.7.22 Ctrl D not working as well as 0.7.21	logs	Calibre	2	10-08-2010 02:33 PM

09-08-2024, 04:07 PM	#2
Karellen Wizard Posts: 1,511 Karma: 9202958 Join Date: Sep 2021 Location: Australia Device: Kobo Libra 2	Sometimes that happens. I've noticed two causes... 1. You have declearations at the top of the css file. Something like the following. For some reason, this interferes with the ctrl-click link which is a know issue in Calibre. @charset "utf-8"; @namespace h "http://www.w3.org/1999/xhtml"; 2. If you run the CheckBook and EpubCheck functions, there will be errors. One of those errors is breaking the ctrl-click link. Once the errors are fixed, it will work again.

09-08-2024, 07:38 PM	#6
foosion Evangelist Posts: 468 Karma: 41524 Join Date: Sep 2011 Device: Kobo Libra 2 & Clara BW	I just edited another CSS file. It had @namespace epub "http://www.idpf.org/2007/ops"; at the top, but behaved normally.

09-08-2024, 11:29 PM	#7
DNSB Bibliophagist Posts: 42,914 Karma: 164236108 Join Date: Jul 2010 Location: Vancouver Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos	Personally, I was more that happy to install Java to be able to run epubcheck in Sigil and in the calibre ebook-editor. I also check the CSS since it is kind of sad how often the CSS contains errors.

09-09-2024, 01:29 AM	#8
kovidgoyal creator of calibre Posts: 44,873 Karma: 26594666 Join Date: Oct 2006 Location: Mumbai, India Device: Various	Impossible to say without access to the book in question.

09-09-2024, 07:06 AM	#10
Karellen Wizard Posts: 1,511 Karma: 9202958 Join Date: Sep 2021 Location: Australia Device: Kobo Libra 2	The error is in your <head> tag... <link href="OUP_Styles.css" rel="styleSheet" type="text/css"/> "styleSheet" should be lowercase - "stylesheet" Relink the pages to the stylesheet and it should be fixed. Also, your <span class="chaptertitle">. There is no class for "chaptertitle" in the stylesheet.

Advert

Advert