Highlighted

Epub export nests <div> element inside <li> tag

New Here ,
May 27, 2020

Copy link to clipboard

Copied

I don't know why this is happening. Does anyone know a way to work directly in the HTML code in InDesign?

 

The problem:

 

I have tip boxes set up as separate text frames that export to a <div> tag. I've tried putting the frames inline and anchoring them. I've tried defining the <ol> and <ul> lists to show they are separate. But for some reason, when I export to epub, if a <div> follows a <ul>, the HTML nests it inside the <li> tag.

 

It works fine when the <div> is in between two unordered lists, it only happens when it follows an ordered list. Does anyone know how to fix this?

 

How it looks:

<ol>
<li class="OL">List item.<div id="_idContainer013" class="TipBox"><p class="tip _idGenParaOverride-3">Tip box content.</p></div>
<ul>
<li class="UL _idGenParaOverride-1">List item.</li>
</ul></li>
</ol>

 

How it should look:

<ol>
<li class="OL">List item.</li>
</ol>
<div class="TipBox"><p class="tip">Tip box content.</p></div>
<ul>
<li class="UL">List item.</li>
</ul>

 

And if anyone knows how to get rid of the "idgen" nonsense, please share!

TOPICS
Bug, EPUB, Import and export

Views

177

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Epub export nests <div> element inside <li> tag

New Here ,
May 27, 2020

Copy link to clipboard

Copied

I don't know why this is happening. Does anyone know a way to work directly in the HTML code in InDesign?

 

The problem:

 

I have tip boxes set up as separate text frames that export to a <div> tag. I've tried putting the frames inline and anchoring them. I've tried defining the <ol> and <ul> lists to show they are separate. But for some reason, when I export to epub, if a <div> follows a <ul>, the HTML nests it inside the <li> tag.

 

It works fine when the <div> is in between two unordered lists, it only happens when it follows an ordered list. Does anyone know how to fix this?

 

How it looks:

<ol>
<li class="OL">List item.<div id="_idContainer013" class="TipBox"><p class="tip _idGenParaOverride-3">Tip box content.</p></div>
<ul>
<li class="UL _idGenParaOverride-1">List item.</li>
</ul></li>
</ol>

 

How it should look:

<ol>
<li class="OL">List item.</li>
</ol>
<div class="TipBox"><p class="tip">Tip box content.</p></div>
<ul>
<li class="UL">List item.</li>
</ul>

 

And if anyone knows how to get rid of the "idgen" nonsense, please share!

TOPICS
Bug, EPUB, Import and export

Views

178

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
May 27, 2020 0

Have something to add?

Join the conversation