Apologies if this has been covered before; I've gone through the posts and can't find anything recent so just trying my luck.
I'm using Flare 2017 and have based this project off one of the the templates provided. I'm using the included style of having images floating to the left of the paragraphs and lists - HTML5 output. This works beautifully in Firefox, Chrome, Safari, and so on. IE and Edge ... well, let's just say, I'm about to go over the edge!! When viewed in an IE or Edge browser, and using lists (both ol and ul), the number or bullet is positioned in the middle of the image:
IE Output: It should look like: I've gone through previous forum posts and they point to a bug in Flare, but as these posts are from 2010 or before and it works in other browsers, I'm assuming this isn't the same bug here.
Do I have to create a different style for IE and Edge browsers?? — can we even do this in Flare?? Or do I have to use tables as we used to "back in the day"??
Cheers for your help!!
PS. This is my (sanitised) XML if you wanted a gander:
Code: Select all
<h2>Adding a New Task Step (cont.)</h2>
<div class="ImagesFloatLeft">
<p><img src="../Resources/Images/myimage.png" class="Thumbnail" style="width: 73px;height: 49px;" /></p>
<p><small>Click the image<br />to view full size.</small>
</p>
</div>
<ol>
<li>Provide a meaningful <span class="Object">Name</span> and <span class="Object">Description</span> (optional) for this step.</li>
<li>Choose your <span class="Object">Data source</span>. This can either be:
<ul>
<li><span class="Object">No data source</span></li>
<li><span class="Object">Task step</span></li>
<li><span class="Object">Custom schema</span></li>
</ul>
</li>
</ol>