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

New Here ,
May 27, 2020 May 27, 2020

Copy link to clipboard


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:

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


How it should look:

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


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

Bug, EPUB, Import and export








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

Have something to add?

Join the conversation