Aliased Links in Tables

[ShelleyB]

It seems that when aliased links are placed in tables, a paragraph tag is automatically inserted after the link.

| [aliased links|https://jira.atlassian.com/] add unwanted paragraphs in tables

The resulting HTML for the table row is as follows. Notice the extra paragraph after the link.

<tr>
<td class='confluenceTd'> 
	<a  href='https://jira.atlassian.com/' class='ucern-link'>aliased links</a>

<p> add unwanted paragraphs in tables</p></td>
</tr>

Is this a bug or known issue? Is there any workaround to this problem (e.g. alternate syntax)?

[Ryan Goodwin · Accepted solution]

Hi Shelley,

Have you installed the Confluence source editor add-on? This adds a special icon to the editor that allows you to hand manipulate the storage format (xhtml) thus the ability to fine tune the html tags that are automatically added to the editor.

https://marketplace.atlassian.com/plugins/com.atlassian.confluence.plugins.editor.confluence-source-editor

Hope this helps!

[ShelleyB]

Thanks, but is the paragraph tag really expected by default? It seems odd that I would need to install a special add-on to manipulate the resulting markup in this simple case. This seems like a bug or at least a major limitation of the confluence syntax.

[RianA]

Hi Shelley,

If the problem is cosmetic issue, you could also add the following stylesheet to tweak the margin.

<style>
.confluenceTh p, .confluenceTd p {
	margin-bottom:0 !important;
}
</style>

Hope it helps

[ShelleyB]

Thanks, but this is not just a cosmetic issue; it's a syntax issue. I can workaround the resulting display using custom styles, but the markup is still incorrect.

( Incorrect markup causes problems for browsers that don't display styles and for formats other than HTML clients, such as when the page is exported to PDF or Word. )

[ShelleyB]

Also, just to clarify, setting the margins alone is not sufficient, because the paragraph is a block element and will still appear on a new line. Something more like the following would be needed to workaround the resulting styled markup:

{style}
.confluenceTh p, .confluenceTd p {
    display: inline !important;
}
{style}