CSS Style sheet not loading

Gregg Bell · 10-02-2019, 08:44 PM

I got it to work. I just re-did the process. File>Add>Blank Stylesheet. And it worked. The warning is gone.

A warning has been on in that lower right hand corner box (under the Preview panel) ever since I started making the .epub. The CSS style sheet is in the "Style" folder and it's on my computer. I don't get why it's not working when I link the .html files to the Stylesheet. The warning is: Failed to load resource. Error opening (filename):No such file or directory.

I checked and that CSS Style sheet file is on the computer.

And the style sheet shows up in that lower right hand corner panel, but when I click on it, nothing is in the box to its right.

Anybody know what's going on? Thanks.

Turtle91 · 10-02-2019, 10:30 PM

Glad you got it working!

I'm guessing the issue was when you loaded it into Sigil. If it doesn't load properly,
for whatever reason, you'll have issues. As you know, all files - images, stylesheets, fonts, html files, etc. - that are used by the epub need to be incorporated (loaded) into the epub so it knows where it's at. The exception to this is external links (like to a website or something).

Sorry, I'm not sure what you are referring to when you say "that lower right hand corner panel", my setup must be different than yours. Do you have a name for that panel/window?

FWIW, I have Sigil setup with a template blank epub. It has the basic pages that are common to most of the books I do (html cover page, copyright, About the Author, etc.) plus a stylesheet with all the default CSS and a default content.opf. This is all saved as "template.epub". Then when I open the file I immediately save-as with a new name into my working folder and start the whole editing process. This saves some of the repetitive work and lets me get straight to the important parts.

Cheers,

theducks · 10-03-2019, 11:02 AM

I have to side with the Turtle.
Many of us that have been using Sigil, may not have anything close to what the original (as shipped), UI.
I run multi-screen (detached windows); have my various toolbars on Left, Top and Right;
AFAIK the only thing I can't move is the Main Menu and the status bar

Picture is needed

DiapDealer · 10-03-2019, 11:38 AM

What version of Sigil are you using on Linux again, Gregg? And remind me what your Linux distro is.

I know you say you got it working already, but I'm curious because those particular warning strings don't occur anywhere in Sigil's source code.

Gregg Bell · 10-03-2019, 01:55 PM

Quote:

Originally Posted by Turtle91

Glad you got it working!

I'm guessing the issue was when you loaded it into Sigil. If it doesn't load properly,
for whatever reason, you'll have issues. As you know, all files - images, stylesheets, fonts, html files, etc. - that are used by the epub need to be incorporated (loaded) into the epub so it knows where it's at. The exception to this is external links (like to a website or something).

Sorry, I'm not sure what you are referring to when you say "that lower right hand corner panel", my setup must be different than yours. Do you have a name for that panel/window?

FWIW, I have Sigil setup with a template blank epub. It has the basic pages that are common to most of the books I do (html cover page, copyright, About the Author, etc.) plus a stylesheet with all the default CSS and a default content.opf. This is all saved as "template.epub". Then when I open the file I immediately save-as with a new name into my working folder and start the whole editing process. This saves some of the repetitive work and lets me get straight to the important parts.

Cheers,

Thanks Dion. That's a brilliant suggestion with the template and I'm definitely doing it. What I run into trouble sometimes (and I suppose I would with the template too) is I copy and paste the contents from the previous epub what was in the About the Author, CopyrightPage, etc. So let's say I do your template.epub and I delete everything in the content of say the AboutTheAuthor page. Then I copy and paste everything from the previous AboutTheAuthor page, but then the stuff at the top (screenshot) sometimes is different and it causes problems.

I think I figured that out. Just take whatever is in the <body> tags and add it to just under </head> tag.

Then the only thing I would need to be concerned about would be if the stuff at the top changed. Or would Sigil automatically update that stuff every time I opened the template?

I just set up a template.epub. One more question--I don't have to do anything with as you say the default content.opf. It's just there, right?

And how do I open the original html file into the epub template?

Thanks again!

Gregg Bell · 10-03-2019, 01:57 PM

Quote:

Originally Posted by theducks

I have to side with the Turtle.
Many of us that have been using Sigil, may not have anything close to what the original (as shipped), UI.
I run multi-screen (detached windows); have my various toolbars on Left, Top and Right;
AFAIK the only thing I can't move is the Main Menu and the status bar

Picture is needed

Thanks ducks. This is what I meant by the corner panel.

Gregg Bell · 10-03-2019, 02:02 PM

Quote:

Originally Posted by DiapDealer

What version of Sigil are you using on Linux again, Gregg? And remind me what your Linux distro is.

I know you say you got it working already, but I'm curious because those particular warning strings don't occur anywhere in Sigil's source code.

Thanks Diap. Sigil version is 0.9.9. Distro is Xubuntu 18.04LTS. I'll PM you about the warning.

DiapDealer · 10-03-2019, 02:34 PM

Ahhh... the inspector portion of the Preview Window. I get it now. A lot of people drag the splitter bar between Preview and the Inspector all the way down so the Inspector is entirely hidden.

Somebody (or something) probably manually/accidentally edited the xhtml that links in the stylesheet. So the Inspector (nor Preview) could find/load it with that particular name. Removing the link tag from the head:

Code:

<link href="../Styles/Style0001.css" type="text/css" rel="stylesheet"/>

And re-linking the stylesheet you want would take care of it as well.

If you remove a zero from the link tag above (in Code View) with the Inspector widget open, you'll likely see the same error. Then put the zero back and the error will go away.

theducks · 10-03-2019, 02:34 PM

Quote:

Originally Posted by Gregg Bell

Thanks ducks. This is what I meant by the corner panel.

The 'Inspector' (Mine is very tiny most of the time and I only resort to that when my eyeball cant spot what code I really messed up. The Inspector is great for tracking Inheritance issues. )

Gregg Bell · 10-03-2019, 03:34 PM

Quote:

Originally Posted by DiapDealer

Ahhh... the inspector portion of the Preview Window. I get it now. A lot of people drag the splitter bar between Preview and the Inspector all the way down so the Inspector is entirely hidden.

Somebody (or something) probably manually/accidentally edited the xhtml that links in the stylesheet. So the Inspector (nor Preview) could find/load it with that particular name. Removing the link tag from the head:

Code:

<link href="../Styles/Style0001.css" type="text/css" rel="stylesheet"/>

And re-linking the stylesheet you want would take care of it as well.

If you remove a zero from the link tag above (in Code View) with the Inspector widget open, you'll likely see the same error. Then put the zero back and the error will go away.

Okay. Thanks Diap. I tested it and saw what you said.

Gregg Bell · 10-03-2019, 03:37 PM

Quote:

Originally Posted by theducks

The 'Inspector' (Mine is very tiny most of the time and I only resort to that when my eyeball cant spot what code I really messed up. The Inspector is great for tracking Inheritance issues. )

Like Inspector Clouseau?

10-02-2019, 08:44 PM	#1
Gregg Bell Gregg Bell Posts: 2,266 Karma: 3917598 Join Date: Jan 2013 Location: Itasca, Illinois Device: Kindle Touch 7, Sony PRS300, Fire HD8 Tablet	CSS Style sheet not loading I got it to work. I just re-did the process. File>Add>Blank Stylesheet. And it worked. The warning is gone. A warning has been on in that lower right hand corner box (under the Preview panel) ever since I started making the .epub. The CSS style sheet is in the "Style" folder and it's on my computer. I don't get why it's not working when I link the .html files to the Stylesheet. The warning is: Failed to load resource. Error opening (filename):No such file or directory. I checked and that CSS Style sheet file is on the computer. And the style sheet shows up in that lower right hand corner panel, but when I click on it, nothing is in the box to its right. Anybody know what's going on? Thanks. Last edited by Gregg Bell; 10-02-2019 at 08:57 PM. Reason: I got it to work.

10-03-2019, 02:34 PM	#8
DiapDealer Grand Sorcerer Posts: 28,577 Karma: 204127028 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	Ahhh... the inspector portion of the Preview Window. I get it now. A lot of people drag the splitter bar between Preview and the Inspector all the way down so the Inspector is entirely hidden. Somebody (or something) probably manually/accidentally edited the xhtml that links in the stylesheet. So the Inspector (nor Preview) could find/load it with that particular name. Removing the link tag from the head: Code: <link href="../Styles/Style0001.css" type="text/css" rel="stylesheet"/> And re-linking the stylesheet you want would take care of it as well. If you remove a zero from the link tag above (in Code View) with the Inspector widget open, you'll likely see the same error. Then put the zero back and the error will go away.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Style Sheet entry for a 'hanging' style	AThirstyMind	Kindle Formats	6	12-10-2016 12:28 AM
How to remove CSS style sheet from epub files	Achromatic	Calibre	2	01-01-2016 10:15 AM
Print style sheet	ronaldl	Sigil	2	10-29-2012 04:32 PM
An example file of your CSS style sheet	roger64	Writer2ePub	6	04-11-2012 02:59 AM
Missing style sheet	mauvais	Barnes & Noble NOOK	3	12-05-2011 06:29 PM

10-02-2019, 10:30 PM	#2
Turtle91 A Hairy Wizard Posts: 3,355 Karma: 20171571 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	Glad you got it working! I'm guessing the issue was when you loaded it into Sigil. If it doesn't load properly, for whatever reason, you'll have issues. As you know, all files - images, stylesheets, fonts, html files, etc. - that are used by the epub need to be incorporated (loaded) into the epub so it knows where it's at. The exception to this is external links (like to a website or something). Sorry, I'm not sure what you are referring to when you say "that lower right hand corner panel", my setup must be different than yours. Do you have a name for that panel/window? FWIW, I have Sigil setup with a template blank epub. It has the basic pages that are common to most of the books I do (html cover page, copyright, About the Author, etc.) plus a stylesheet with all the default CSS and a default content.opf. This is all saved as "template.epub". Then when I open the file I immediately save-as with a new name into my working folder and start the whole editing process. This saves some of the repetitive work and lets me get straight to the important parts. Cheers,

10-03-2019, 11:02 AM	#3
theducks Well trained by Cats Posts: 31,067 Karma: 60358908 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	I have to side with the Turtle. Many of us that have been using Sigil, may not have anything close to what the original (as shipped), UI. I run multi-screen (detached windows); have my various toolbars on Left, Top and Right; AFAIK the only thing I can't move is the Main Menu and the status bar Picture is needed

10-03-2019, 11:38 AM	#4
DiapDealer Grand Sorcerer Posts: 28,577 Karma: 204127028 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	What version of Sigil are you using on Linux again, Gregg? And remind me what your Linux distro is. I know you say you got it working already, but I'm curious because those particular warning strings don't occur anywhere in Sigil's source code.

Advert

Advert