Need all toc page numbers to align the same

suehpec
6 Aug 2020

TOC.pdf‎

Thank you in advance for any help. I have been wracking my brain on this.

In the attached PDF you can see that the page numbers in the chapter lines do not align the same as front and backmatter entries. I need the chapter labels to align-right though and have used the inline-block attribute to do that and to left align the chapter titles. I am using Prince 12.4 and used the following HTML/CSS for the chapter lines

Step One<a href="#ch01-5007_IgnatianGuideForgiveness">Find Your Desire</a>

span.toc-chapter-label { 
font-size: 10pt; 
font-family: TradeGothicLTStd-Bold; 
font-weight: normal; 
text-align: right; 
display: inline-block; 
float: none; 
vertical-align: top; 
}

  span.toc-chapter-title { 
margin-left: 10pt; 
text-indent: 0; 
width: 100%; 
display: inline-block; 
float: none; 
}

Here is all the code for the page if it helps:

<div class="toc">  <h3 class="title">Contents</h3>  <h1 class="float-title-FM">Contents</h1>  <a href="#p01-5007_IgnatianGuideForgiveness">Prologue</a>  Step One<a href="#ch01-5007_IgnatianGuideForgiveness">Find Your Desire</a>  Step Two<a href="#ch02-5007_IgnatianGuideForgiveness">Embrace Being a Creature and Name Your Inner Pharisee</a>  Step Three<a href="#ch03-5007_IgnatianGuideForgiveness">Honor Anger but Deepen Compassion</a>  Step Four<a href="#ch04-5007_IgnatianGuideForgiveness">Trust in Abundant Grace</a>  Step Five<a href="#ch05-5007_IgnatianGuideForgiveness">Leave Behind the Locked Room (Forgive Yourself)</a>  Step Six<a href="#ch06-5007_IgnatianGuideForgiveness">Let Go and Make Friends with Time</a>  Step Seven<a href="#ch07-5007_IgnatianGuideForgiveness">Create New Narratives</a>  Step Eight<a href="#ch08-5007_IgnatianGuideForgiveness">Embrace the Child but Become the Parent</a>  <a href="#ch09-5007_IgnatianGuideForgiveness">Resting Point: Consider a Ritual of Closure</a>  Step Nine<a href="#ch10-5007_IgnatianGuideForgiveness">Cultivate Habits of Mercy</a>  Step Ten<a href="#ch11-5007_IgnatianGuideForgiveness">Celebrate</a>  <a href="#a01-5007_IgnatianGuideForgiveness">Bibliography</a>  <a href="#id-1.17">Endnotes</a>  <a href="#id-1.18">About the Author</a>  </div>

* Table of Contents */ 
div.toc {
page-break-before: right;
page: frontmatter;
prince-page-group: start;
margin-left: 0;
margin-right: 0;
padding: 0;
}

.toc p {
/* tweak this to get the hanging indent aligned */
margin-left: 40pt;
text-indent: -51pt;
text-align: left;
font-style: normal;
font-weight: normal;
hyphens: none;
}

p.toc-preface-line,
p.toc-bibliography-line,
p.toc-appendix-line,
p.toc-glossary-line {
margin-top: 6pt;
margin-bottom: 4pt;
/*font-variant: small-caps;*/
}

p.toc-part-line {
page-break-after: avoid;
margin-top: 16pt;
margin-bottom: 2pt;
}

span.toc-chapter-label {
font-size: 10pt;
font-family: TradeGothicLTStd-Bold;
font-weight: normal;
text-align: right;
display: inline-block;
float: none;
vertical-align: top;
}

span.toc-chapter-title {
margin-left: 10pt;
text-indent: 0;
width: 100%;
display: inline-block;
float: none;
}

/* remember to keep the "a" in this selector for styling */
span.toc-part-title a {
font-family: TradeGothicLTStd;
font-weight: normal;
}

p.toc-chapter-line {
page-break-inside: avoid;
margin-top: 6pt;
margin-bottom: 3pt;
margin-left: 78pt; /*make 28pt if Part*/
line-height: 14pt;
}

p.toc-section-line {
margin-bottom: 2pt;
margin-left: 30pt;
text-indent: -12pt;
line-height: 11.5pt;
font-size: 10pt;
font-family: TradeGothicLTStd;
}

/* remember to keep the "a" in this selector for styling */
span.toc-chapter-title a {
}

/* to Generate Page Numbers for TOC, including roman for preface
see Walking With Jesus/Life & Revolution if using leaders in TOC*/
div.toc a::after,
div.toc p.toc-part-line a::after,
div.toc p.toc-section-line a::after {
content: leader('.') target-counter(attr(href), page);
/*float: right;*/ /*If no leaders*/
font-size: 9.5pt;
font-family: AGaramondPro;
}
div.toc p.toc-preface-line a::after {
content: leader('.') target-counter(attr(href), page, lower-roman);
/*float: right;*/ /*If no leaders*/
font-size: 9.5pt;
font-family: AGaramondPro;
font-variant: normal;
}

TOC.pdf‎ 124.0 kB ‎
chapter lines too short

dauwhe
9 Aug 2020

If I remove display: inline-block from span.toc-chapter-title it seems to look much better.

suehpec
11 Aug 2020

Thanks for the response

5007_TOC error.pdf‎

Helps with the page numbers but I still end up with an issue. Now the chapter titles do not sit flush left (see attached). I've tried to adjust this in the margin settings but really seems to throw everything off, especially the flush right on the chapter labels.

Any ideas are greatly appreciated.

5007_TOC error.pdf‎ 120.0 kB ‎
indent on second line of title

Forum › How do I...?

Need all toc page numbers to align the same