In tables, applying italic makes text look superscript

[Paul_N]

I'm using Flare 12 to output to HTML4 and PDF/print.

If I have text in a table and apply a character tag such as <I> for italic, then the italicised text seems to almost be superscript in the PDF. It's ok in html5 though.

I presume the <I> is not inheriting formatting such as cell padding from the tags like <td class="TableStyle-PatternedRowsOnDarkBackground-BodyD-Regular-LightRows">, but the only formatting hard coded into the i character tag is font-style=italic for Medium: print.

I'm using the built in table styles in TableStyles/PatternedRowsOnDarkBackground.css.

Has anyone experienced this issue before - my tables are a real mess in the PDF!

[2bemused]

I am always loath to use inline styling. In your instance I would create a <span> with style of italic and apply it to the text. CSS cascades down and your inline <i> tag overrides any other styling in headers and stylesheets.

[Paul_N]

I am always loath to use inline styling. In your instance I would create a <span> with style of italic and apply it to the text. CSS cascades down and your inline <i> tag overrides any other styling in headers and stylesheets.

Thanks for that suggestion - I'll look into it and report on the results.

[techwriter31]

We've noticed this too and I have been meaning to file a bug. The superscript appearance also occurs if you apply a condition tag to a span of text within a table.

[Paul_N]

We've noticed this too and I have been meaning to file a bug. The superscript appearance also occurs if you apply a condition tag to a span of text within a table.

I get the same result. If I replace:

<td class="TableStyle-PatternedRowsOnDarkBackground">For example, if your <i>email</i> server is hosted by a server named email.myco...</i>.</td>

with

<td class="TableStyle-PatternedRowsOnDarkBackground">For example, if your <span class="italic">email </span>server is hosted by a server named email.myco...</i>.</td>

and add

.italic{
font-style: italic;
}

...to the MainStyles.css (as per http://www.cssbasics.com/chapter_6_css_spans.html) the word email still floats above the rest of the text, so it looks like a superscript in the PDF. In the HTML5 target the <span class="italic">email </span> works ok (as does a simple <I> tag).

[paintedturtle]

Have you tried using <em> </em> instead of Italics? Do you get the same result?

We've noticed this too and I have been meaning to file a bug. The superscript appearance also occurs if you apply a condition tag to a span of text within a table.

I get the same result. If I replace:

<td class="TableStyle-PatternedRowsOnDarkBackground">For example, if your <i>email</i> server is hosted by a server named email.myco...</i>.</td>

with

<td class="TableStyle-PatternedRowsOnDarkBackground">For example, if your <span class="italic">email </span>server is hosted by a server named email.myco...</i>.</td>

and add

.italic{
font-style: italic;
}

...to the MainStyles.css (as per http://www.cssbasics.com/chapter_6_css_spans.html) the word email still floats above the rest of the text, so it looks like a superscript in the PDF. In the HTML5 target the <span class="italic">email </span> works ok (as does a simple <I> tag).

[Paul_N]

Have you tried using <em> </em> instead of Italics? Do you get the same result?

Just tried em - same result