TOC & other questions

[st_albert]

Originally Posted by Almiel

Right! That's why when you do inline styles, sigil moves them up into the head of the document. I was just letting ws64 know that his example isn't valid... not to be a smarty pants: I just don't want someone reading that and thinking they can do styles that way, then wonder why they don't work.

And that someone would be me. I must admit I never realized you couldn't use inline styles, because Sigil always fixed it for me.

[Oldpilot]

If I can't write <p style='text-indent:.3in'> in a file intended as an epub, I will of course substitute <p> for the thousand or so iterations of that indent. But how do I then define the <p> in the stylesheet?

.p { text-indent:.3in; }

?

(Sorry, never paid much attention to stylesheets before!)

[Jellby]

p { text-indent: 0.3in; }

(note no dot) styles all <p> tags

p.noindent { text-indent: 0; }

styles only <p> tags with a "noindent" class, i.e., <p class="noindent">

[Oldpilot]

Originally Posted by Almiel

FYI: You actually cannot use inline style tags in epubs. (Inline means using style="blahblahblah" inside of other tags.) I don't know why, maybe to decrease the amount of processing the readers have to do?...

Bother! All my Kindle editions use the paragraph tag <p style='text-indent:.3in'>

I'd like to hit upon a tag that works easily both for Kindle and for epub. Can I just substitute <p width='.3in'> or something similar? That would be a simple switch.

Thanks! Glad I found this forum. It's not so easy, making the conversion from Kindle to epub.

[Valloric]

Originally Posted by Oldpilot

Bother! All my Kindle editions use the paragraph tag <p style='text-indent:.3in'>

If you open an HTML file with paragraph tags like these into Sigil, it will automatically extract the styles into a CSS class and add the class to all the paragraphs.

[Ahmad Samir]

Originally Posted by capidamonte

FBReader ignores CSS too.

Well, AFAICS FBReader doesn't ignore all CSS rules. In fact I sometimes have to edit an epub to comment out some css rules so that I can control them on the fly from FBReader's settings (e.g. paragraph space before/after, line height.. etc).

FWIW I am running the latest svn snapshot of FBReader.

[PatNY]

Originally Posted by Almiel

FYI: You actually cannot use inline style tags in epubs. (Inline means using style="blahblahblah" inside of other tags.) I don't know why, maybe to decrease the amount of processing the readers have to do?...

Almiel, are you saying I can't just stick <hr width="35%"> in between two paragraphs in code view like WS64 suggested?

Why not? It does work. The horizontal rule shows up in both Calibre's viewer and on my iPod Touch.

Or are you simply saying it's not standard and could possibly cause issues with the epub file in the future?

I do not know coding which is why I like Sigil's wysiwig interface as well as the simple solution for a horizontal rule.

[Oldpilot]

Originally Posted by Valloric

If you open an HTML file with paragraph tags like these into Sigil, it will automatically extract the styles into a CSS class and add the class to all the paragraphs.

Thanks, good to know!

[WS64]

Originally Posted by PatNY

Almiel, are you saying I can't just stick <hr width="35%"> in between two paragraphs in code view like WS64 suggested?

Why not? It does work. The horizontal rule shows up in both Calibre's viewer and on my iPod Touch.

Or are you simply saying it's not standard and could possibly cause issues with the epub file in the future?

I do not know coding which is why I like Sigil's wysiwig interface as well as the simple solution for a horizontal rule.

Like I wrote you should put the center part in the header.
Enhance the STYLE comment with the hr command, like this:

<style type="text/css">
hr {width:35%}
</style>

(you will probably see more statments there)

If you do that you can just use <hr /> in your documents, and everything is valid.

[PatNY]

Originally Posted by WS64

Like I wrote you should put the center part in the header.
Enhance the STYLE comment with the hr command, like this:

<style type="text/css">
hr {width:35%}
</style>

(you will probably see more statments there)

If you do that you can just use <hr /> in your documents, and everything is valid.

You mean at the top of each html file? So if I have a separate file for each chapter in a book I have to add that to the top of each file in addition to adding in "<hr/"> between sections? If so, I'll use it sparingly and just stick with the asterisks for section breaks.

[theducks]

Originally Posted by PatNY

You mean at the top of each html file? So if I have a separate file for each chapter in a book I have to add that to the top of each file in addition to adding in "<hr/"> between sections? If so, I'll use it sparingly and just stick with the asterisks for section breaks.

Or put it in the stylesheet.

hr.ch{
	/* text-align: center; */
	color: black;
	background-color: black;
	width: 25%;
	height: 5px;
	border: 0
	}
note I defined a HR class of ch    /*chapter head */

<hr class-"ch" />

that allows for other uses of HR with different attributes

Also not that you can not center(or other alignment) a HR in (buggy)ADE this way :(
You need to wrap the in a centered <div class+"centered"> <hr />  </div>

[capidamonte]

Originally Posted by Ahmad Samir

Well, AFAICS FBReader doesn't ignore all CSS rules. In fact I sometimes have to edit an epub to comment out some css rules so that I can control them on the fly from FBReader's settings (e.g. paragraph space before/after, line height.. etc).

FWIW I am running the latest svn snapshot of FBReader.

Okay, FBReader ignores nearly all CSS. What it doesn't do is present a document largely as it has been styled. Whatever it does obey is probably just a way to annoy those people who aren't annoyed enough by what it ignores.

[PatNY]

theducks, thanks for the clarification and the code. That's easier.

[Nathanael]

Originally Posted by capidamonte

Okay, FBReader ignores nearly all CSS.

Also not true. FBReader is one of the viewers I use regularly to check my work. I use stylesheets for all my styling (even the stuff Sigil puts in headers eventually gets moved to a stylesheet), and FBReader adequately displays almost everything I do. No it doesn't support the full CSS spec, but I've yet to find a viewer that does (save for Ibis or Bookworm, but those are online apps).

What it doesn't do is present a document largely as it has been styled.

Do you have specific examples? So far, I've been pretty satisfied with it.

--Nathanael

[Nathanael]

Originally Posted by theducks

Also not that you can not center(or other alignment) a HR in (buggy)ADE this way

Really? Now that's interesting. Since center is the default for <hr>, you shouldn't have to do anything to center it. Is ADE really that broken?

--Nathanael