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!
AdChoices