Blue underlined text

jimb949 · 06-30-2014, 05:54 PM

One of my chapters on nook has blue underlined text the whole way through it. All the other chapters are fine. I don't know how to fix this. Can anyone help me? Below is the sigil epub file code at the top of the chapter.

<?xml version="1.0" encoding="UTF-8" standalone="no" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="Microsoft Word 14 (filtered)" name="Generator"/>

<title>The Essence</title>
<link href="../Styles/stylesheet.css" rel="stylesheet" type="text/css"/>
<link href="../Styles/page_styles.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<div class="WordSection">
<h1 class="calibre16" id="calibre_toc_24"><span class="calibre13"><a class="pcalibre pcalibre1" id="_Toc385762617"/></span></h1>

<p class="MsoNormal1"><span class="calibre13"><b>Chapter 24</b></span></p>

eschwartz · 06-30-2014, 06:49 PM

Please post the CSS as well.

jimb949 · 06-30-2014, 07:03 PM

.MsoNormal {
display: block;
font-family: "Courier New";
font-size: 1em;
line-height: 150%;
punctuation-wrap: simple;
text-align: justify;
text-autospace: none;
text-indent: 0.5in;
text-justify: inter-ideograph;
margin-top: 0;
margin-bottom: 0;
}
.MsoNormal1 {
display: block;
font-family: "Courier New";
font-size: 1em;
line-height: 150%;
punctuation-wrap: simple;
text-align: center;
text-autospace: none;
text-indent: 0.5in;
text-justify: inter-ideograph;
margin: 0 0 0.0001pt
}
.MsoNormal2 {
display: block;
font-family: "Courier New";
font-size: 1em;
line-height: 150%;
punctuation-wrap: simple;
text-align: justify;
text-autospace: none;
text-indent: 0;
text-justify: inter-ideograph;
margin: 0 0 0.0001pt
}
.MsoNormalTable {
border-collapse: collapse;
border-spacing: 2px;
display: table;
margin-bottom: 0;
margin-top: 0;
text-indent: 0;
width: 100%
}
.MsoNormalTable1 {
border-collapse: collapse;
border-spacing: 2px;
display: table;
float: left;
text-align: left;
text-indent: 0;
width: 100%;
margin: 0 7.1pt
}
.MsoToc {
display: block;
font-family: "Courier New";
font-size: 1em;
line-height: 150%;
punctuation-wrap: simple;
text-autospace: none;
text-indent: 0.5in;
margin: 0 0 5pt
}
.WordSection {
display: block;
page: WordSection1
}
.calibre {
display: block;
font-size: 1em;
padding-left: 0;
padding-right: 0;
margin: 0 5pt
}
.calibre1 {
display: block;
text-align: center
}
.calibre10 {
display: table-cell;
height: 0.25in;
text-align: inherit;
vertical-align: inherit;
width: 100%;
padding: 0 5.4pt
}
.calibre11 {
display: table-row;
vertical-align: inherit
}
.calibre12 {
display: table-cell;
text-align: inherit;
vertical-align: inherit;
width: 100%;
padding: 0 5.4pt
}
.calibre13 {
font-family: "Courier New";
font-size: 1em;
line-height: 150%
}
.calibre14 {
display: block
}
.calibre15 {
display: block
}
.calibre16 {
display: block;
font-family: "Courier New";
font-size: 1em;
font-weight: normal;
line-height: 150%;
punctuation-wrap: simple;
text-autospace: none;
text-indent: 0.5in;
margin: 0 0 0.0001pt
}
.calibre17 {
font-family: Symbol
}
.calibre18 {
display: block;
margin: 1em 0
}
.calibre2 {
display: table-row-group;
vertical-align: middle
}
.calibre3 {
display: table-row;
height: 2in;
vertical-align: inherit
}
.calibre4 {
display: table-cell;
height: 2in;
text-align: inherit;
vertical-align: inherit;
width: 100%;
padding: 0 5.4pt
}
.calibre5 {
display: table-row;
height: 1in;
vertical-align: inherit
}
.calibre6 {
display: table-cell;
height: 1in;
text-align: inherit;
vertical-align: inherit;
width: 100%;
padding: 0 5.4pt
}
.calibre7 {
display: table-row;
height: 0.5in;
vertical-align: inherit
}
.calibre8 {
display: table-cell;
height: 0.5in;
text-align: inherit;
vertical-align: inherit;
width: 100%;
padding: 0 5.4pt
}
.calibre9 {
display: table-row;
height: 0.25in;
vertical-align: inherit
}
.pcalibre:visited {
color: purple;
text-decoration: underline
}
.pcalibre1:link {
color: blue;
text-decoration: underline
}

BetterRed · 06-30-2014, 09:59 PM

Perhaps this

Code:

.pcalibre1:link {
color: blue;
text-decoration: underline
}

is being used where it shouldn't be.

BR

DiapDealer · 06-30-2014, 10:04 PM

I don't see anything in either the html or the css that should cause that, but then again... I don't know the particular quirks of the Nook, either.

Perhaps the Nook has issues with empty 'h' tags? Or self-closing 'a' tags?

I'd start by removing the whole nested, yet ultimately empty h1 monstrosity at the beginning and see if that eliminates the "My Chapter Is One Big Link" issue. If so, add the elements back in one at a time and determine where things go pear-shaped. Better yet; the ncx/toc can be pointed directly to the top of the Chapter 24 file (instead of an anchor/id) and top-margin space above the chapter header can be achieved without all that empty nested structure (if removing it eliminates the problem).

GrannyGrump · 07-01-2014, 04:09 AM

@jimb949--

DiapDealer said

Quote:

Perhaps the Nook has issues with empty 'h' tags? Or self-closing 'a' tags?

To quickly test this, why not try changing the "a" tag to a normal split tag, and insert a few characters. Like this:

Code:

<h1 class="calibre16" id="calibre_toc_24"><span class="calibre13"><a class="pcalibre pcalibre1" id="_Toc385762617">TEST<a/></span></h1>

Hitch · 07-01-2014, 04:00 PM

Guys:

Isn't the TOC class causing this, inheriting from the MsoTOC class? Inferred as a link, perhaps?

Hitch

06-30-2014, 05:54 PM	#1
jimb949 Member Posts: 11 Karma: 10 Join Date: May 2014 Device: none	Blue underlined text One of my chapters on nook has blue underlined text the whole way through it. All the other chapters are fine. I don't know how to fix this. Can anyone help me? Below is the sigil epub file code at the top of the chapter. <?xml version="1.0" encoding="UTF-8" standalone="no" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="Microsoft Word 14 (filtered)" name="Generator"/> <title>The Essence</title> <link href="../Styles/stylesheet.css" rel="stylesheet" type="text/css"/> <link href="../Styles/page_styles.css" rel="stylesheet" type="text/css"/> </head> <body> <div class="WordSection"> <h1 class="calibre16" id="calibre_toc_24"><span class="calibre13"><a class="pcalibre pcalibre1" id="_Toc385762617"/></span></h1> <p class="MsoNormal1"><span class="calibre13"><b>Chapter 24</b></span></p>

06-30-2014, 09:59 PM	#4
BetterRed null operator (he/him) Posts: 21,631 Karma: 29710510 Join Date: Mar 2012 Location: Sydney Australia Device: none	Perhaps this Code: .pcalibre1:link { color: blue; text-decoration: underline } is being used where it shouldn't be. BR

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Text in converted epub is bold, underlined - How to make regular?	frank14612	Conversion	5	02-22-2014 09:45 AM
The dreaded underlined blue TOC	RobertMN	Conversion	7	09-30-2013 04:05 PM
Blue color and underlined	centuryx476	Conversion	8	05-10-2013 10:36 PM
Content First several words in chapter underlined	j.p.s	Amazon Kindle	7	10-04-2011 07:57 PM
H1 now blue, underlined, in ade	brewt	Calibre	9	06-24-2010 01:49 PM

06-30-2014, 06:49 PM	#2
eschwartz Ex-Helpdesk Junkie Posts: 19,421 Karma: 85400180 Join Date: Nov 2012 Location: The Beaten Path, USA, Roundworld, This Side of Infinity Device: Kindle Touch fw5.3.7 (Wifi only)	Please post the CSS as well.

06-30-2014, 07:03 PM	#3
jimb949 Member Posts: 11 Karma: 10 Join Date: May 2014 Device: none	.MsoNormal { display: block; font-family: "Courier New"; font-size: 1em; line-height: 150%; punctuation-wrap: simple; text-align: justify; text-autospace: none; text-indent: 0.5in; text-justify: inter-ideograph; margin-top: 0; margin-bottom: 0; } .MsoNormal1 { display: block; font-family: "Courier New"; font-size: 1em; line-height: 150%; punctuation-wrap: simple; text-align: center; text-autospace: none; text-indent: 0.5in; text-justify: inter-ideograph; margin: 0 0 0.0001pt } .MsoNormal2 { display: block; font-family: "Courier New"; font-size: 1em; line-height: 150%; punctuation-wrap: simple; text-align: justify; text-autospace: none; text-indent: 0; text-justify: inter-ideograph; margin: 0 0 0.0001pt } .MsoNormalTable { border-collapse: collapse; border-spacing: 2px; display: table; margin-bottom: 0; margin-top: 0; text-indent: 0; width: 100% } .MsoNormalTable1 { border-collapse: collapse; border-spacing: 2px; display: table; float: left; text-align: left; text-indent: 0; width: 100%; margin: 0 7.1pt } .MsoToc { display: block; font-family: "Courier New"; font-size: 1em; line-height: 150%; punctuation-wrap: simple; text-autospace: none; text-indent: 0.5in; margin: 0 0 5pt } .WordSection { display: block; page: WordSection1 } .calibre { display: block; font-size: 1em; padding-left: 0; padding-right: 0; margin: 0 5pt } .calibre1 { display: block; text-align: center } .calibre10 { display: table-cell; height: 0.25in; text-align: inherit; vertical-align: inherit; width: 100%; padding: 0 5.4pt } .calibre11 { display: table-row; vertical-align: inherit } .calibre12 { display: table-cell; text-align: inherit; vertical-align: inherit; width: 100%; padding: 0 5.4pt } .calibre13 { font-family: "Courier New"; font-size: 1em; line-height: 150% } .calibre14 { display: block } .calibre15 { display: block } .calibre16 { display: block; font-family: "Courier New"; font-size: 1em; font-weight: normal; line-height: 150%; punctuation-wrap: simple; text-autospace: none; text-indent: 0.5in; margin: 0 0 0.0001pt } .calibre17 { font-family: Symbol } .calibre18 { display: block; margin: 1em 0 } .calibre2 { display: table-row-group; vertical-align: middle } .calibre3 { display: table-row; height: 2in; vertical-align: inherit } .calibre4 { display: table-cell; height: 2in; text-align: inherit; vertical-align: inherit; width: 100%; padding: 0 5.4pt } .calibre5 { display: table-row; height: 1in; vertical-align: inherit } .calibre6 { display: table-cell; height: 1in; text-align: inherit; vertical-align: inherit; width: 100%; padding: 0 5.4pt } .calibre7 { display: table-row; height: 0.5in; vertical-align: inherit } .calibre8 { display: table-cell; height: 0.5in; text-align: inherit; vertical-align: inherit; width: 100%; padding: 0 5.4pt } .calibre9 { display: table-row; height: 0.25in; vertical-align: inherit } .pcalibre:visited { color: purple; text-decoration: underline } .pcalibre1:link { color: blue; text-decoration: underline }

06-30-2014, 10:04 PM	#5
DiapDealer Grand Sorcerer Posts: 28,358 Karma: 203720150 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	I don't see anything in either the html or the css that should cause that, but then again... I don't know the particular quirks of the Nook, either. Perhaps the Nook has issues with empty 'h' tags? Or self-closing 'a' tags? I'd start by removing the whole nested, yet ultimately empty h1 monstrosity at the beginning and see if that eliminates the "My Chapter Is One Big Link" issue. If so, add the elements back in one at a time and determine where things go pear-shaped. Better yet; the ncx/toc can be pointed directly to the top of the Chapter 24 file (instead of an anchor/id) and top-margin space above the chapter header can be achieved without all that empty nested structure (if removing it eliminates the problem).

07-01-2014, 04:00 PM	#7
Hitch Bookmaker & Cat Slave Posts: 11,503 Karma: 158448243 Join Date: Apr 2010 Location: Phoenix, AZ Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2	Guys: Isn't the TOC class causing this, inheriting from the MsoTOC class? Inferred as a link, perhaps? Hitch

Advert

Advert