TOC Formating

[tarisea]

Hi. I'm having fun with Sigil and am just amazed at what it can do. I have run into a problem with the TOC and of course with the html generated TOC.

I have 2 headings.

<h4> is the word "Book" and the book number e.g. Book 1 or Book 2 & 2.5
<h3> is the book title

The TOC to shows the two headings but they are on 2 different lines which makes the TOC very confusing.

Is there any way to get the TOC to show:

<h4> <h3>


Thank you in advance for your help.

[eschwartz]

Put them together in one <h3>

[RbnJrg]

Originally Posted by tarisea

Hi. I'm having fun with Sigil and am just amazed at what it can do. I have run into a problem with the TOC and of course with the html generated TOC.

I have 2 headings.

<h4> is the word "Book" and the book number e.g. Book 1 or Book 2 & 2.5
<h3> is the book title

The TOC to shows the two headings but they are on 2 different lines which makes the TOC very confusing.

Is there any way to get the TOC to show:

<h4> <h3>


Thank you in advance for your help.

One way is to give the h3, h4 selectors the "display: inline" property. In your css stylesheet write the following:

h3, h4 {
   display: inline;
}

Of course, you could give to the h3, h4 selectors others properties to distinguish them. Below I attach a simpe epub with the two headers inlined.

Regards
Rubén

[eschwartz]

Originally Posted by RbnJrg

One way is to give the h3, h4 selectors the "display: inline" property. In your css stylesheet write the following:

h3, h4 {
   display: inline;
}

Of course, you could give to the h3, h4 selectors others properties to distinguish them. Below I attach a simpe epub with the two headers inlined.

Regards
Rubén

I don't think Sigil will pay attention to that when it is simply trying to build a semantic metadata ToC.

[theducks]

I just use Spans insid a single H# to modify one line of text

<h3 class="chapno">Book<br class="chapspacer" /> <span class="chaptitle">Te Title</span></h3>

Results
Book
<spaceing>
Te Title


TOC: Book Th Title

[RbnJrg]

Originally Posted by eschwartz

I don't think Sigil will pay attention to that when it is simply trying to build a semantic metadata ToC.

Watch the epub I attach; watch the TOC.

[DaleDe]

Originally Posted by eschwartz

Put them together in one <h3>

You can easily embed a <br/> between the lines to force them to split in the document. A <br/> used this way in the text will be removed from the TOC entry which will put them on the same line.

Dale

[eschwartz]

Originally Posted by RbnJrg

Watch the epub I attach; watch the TOC.

That is precisely the OP's problem. The ToC is in two parts, since two headers are used.

The appropriate way to do this is with ONE h3/h4 tag, it doesn't matter really which one, but as theducks said, put in a <br/> to split it in the main view into two lines, but the ToC will read it as one header.

Styling it for inline takes the problem and makes it worse. Not only is the ToC in two parts (which the OP doesn't want) you have destroyed the whole point of having two header tags, by forcing them to appear on one line.

[theducks]

Originally Posted by eschwartz

That is precisely the OP's problem. The ToC is in two parts, since two headers are used.

The appropriate way to do this is with ONE h3/h4 tag, it doesn't matter really which one, but as theducks said, put in a <br/> to split it in the main view into two lines, but the ToC will read it as one header.

Styling it for inline takes the problem and makes it worse. Not only is the ToC in two parts (which the OP doesn't want) you have destroyed the whole point of having two header tags, by forcing them to appear on one line.

If you don't want 2 lines in the TOC, how is using BR with a span Destroying anything?

When I am done, the Books chapter head looks exactly the same.

There is another solution that can be accomplished with a 2 line REGEX capture:

<h4> is the word "Book" and the book number e.g. Book (.+?)</h4>
<h3>(.+?)</h3)
<h4 title="Book \1 - \2">Book \1</h4><h3>\2</h3>

[eschwartz]

Originally Posted by theducks

If you don't want 2 lines in the TOC, how is using BR with a span Destroying anything?

When I am done, the Books chapter head looks exactly the same.

There is another solution that can be accomplished with a 2 line REGEX capture:

<h4> is the word "Book" and the book number e.g. Book (.+?)</h4>
<h3>(.+?)</h3)
<h4 title="Book \1 - \2">Book \1</h4><h3>\2</h3>

On the contrary, using <br/> works perfectly. It is using css to style header tags as inline that does nothing constructive. Hence why my post was in response to RbnJrg, not you.

"Styling it for inline ... destroyed the whole point of having two header tags, by forcing them to appear on one line"

Sorry for the confusion... I was leaping to your defense, but may not have spoken clearly enough.

To clarify: <br/> within a single header tag is awesome, . two headers css'ed into appearing on one line solves nothing but adds a bonus problem.

[tarisea]

The problem with putting them in one header (which I hadn't thought of doing by the way) is that the format for them is completely different. So if it reads

Book 1
THE CAT IN THE HAT

Both lines are centered
Book 1 is in a significantly smaller font and in Proper Capitalization (first letter of every word).
The Cat in the Hat is in all caps and underlined.

I don't know how to put that in one header.

Also a question: if I use the inline method

h3, h4 {
display: inline;
}

Where does this go? The TOC Stylesheet? Cause it doesn't look like anything there.



Thanks for all of your help

[DaleDe]

Actually you can easily do this with one header. You can center the text and both lines will be centered. A span can be used to change the formatting, even size of characters.

Dale

[theducks]

Originally Posted by tarisea

The problem with putting them in one header (which I hadn't thought of doing by the way) is that the format for them is completely different. So if it reads

Book 1
THE CAT IN THE HAT

Both lines are centered
Book 1 is in a significantly smaller font and in Proper Capitalization (first letter of every word).
The Cat in the Hat is in all caps and underlined.

I don't know how to put that in one header.

Also a question: if I use the inline method

h3, h4 {
display: inline;
}

Where does this go? The TOC Stylesheet? Cause it doesn't look like anything there.



Thanks for all of your help

see post 9

the style (class) selector goes on the sheet that is linked.

You are formatting the Chapter Head, which is a part of the Body of Work
NOT the TOC page, which for convenience in Sigil, has its own stylesheet