Hello all,
I have been struggling with this for a good part of my morning. I have a Custom un-ordered list followed by a para like this:
<ul>
<li1>
<li2>
<li3>
<li4>
<li5>
<p>
In the Editor screen, the text looks file. However in the HTML5 output view, the para is positioned at <li2> in the <ul>, thereby jumbling up all text.
I have gone through the steps recommended here - http://help.madcapsoftware.com/flare201 ... -Items.htm and tried searching the forums. But not luck as yet. Could anyone point out what could be the problem here? Thanks.
Sara
Para text moves up into List
-
- Propeller Head
- Posts: 10
- Joined: Fri Feb 03, 2017 4:47 am
-
- Senior Propellus Maximus
- Posts: 3667
- Joined: Thu Feb 02, 2006 9:57 am
- Location: Pittsford, NY
Re: Para text moves up into List
Would you post some actual code of a list so we can examine its structure?
Nita
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
-
- Propeller Head
- Posts: 10
- Joined: Fri Feb 03, 2017 4:47 am
Re: Para text moves up into List
Hi Nita,
My code looks like this:
<p class="BodyText"><i>"blah blah blah blah."</i>
</p>
<ul class="ListMain">
<li>blah blah blah blah.</li>
<li>blah blah blah blah.</li>
<li>blah blah blah blah.</li>
<li>blah blah blah blah.</li>
<li>blah blah blah blah.</li>
</ul>
<p class="BodyText">blah blah blah blah.</p>
<p class="BodyText">
<img src="../Images/AnImage.png" class="LargeImages" />
</p>
The text in <p> tags that immediately follow after the list, gets positioned near the second item in the list.
Thank you,
Sara
My code looks like this:
<p class="BodyText"><i>"blah blah blah blah."</i>
</p>
<ul class="ListMain">
<li>blah blah blah blah.</li>
<li>blah blah blah blah.</li>
<li>blah blah blah blah.</li>
<li>blah blah blah blah.</li>
<li>blah blah blah blah.</li>
</ul>
<p class="BodyText">blah blah blah blah.</p>
<p class="BodyText">
<img src="../Images/AnImage.png" class="LargeImages" />
</p>
The text in <p> tags that immediately follow after the list, gets positioned near the second item in the list.
Thank you,
Sara
Re: Para text moves up into List
My guess is that you've got something in your CSS that is causing this - e.g. using float, using position, or negative margins.
Check your CSS for the list (ul.ListMain, li) and paragraph (p.BodyText).
Check your CSS for the list (ul.ListMain, li) and paragraph (p.BodyText).
-
- Propeller Head
- Posts: 10
- Joined: Fri Feb 03, 2017 4:47 am
Re: Para text moves up into List
Thanks Dave. I have in my naivety, created two classes, ListMain and ListMain1, with the same properties. I found that deleting ListMain1, solved my problem and lists now behave as expected.
Regards,
Sara
Regards,
Sara