Para text moves up into List

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
sarabigail
Propeller Head
Posts: 10
Joined: Fri Feb 03, 2017 4:47 am

Para text moves up into List

Post by sarabigail »

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
Nita Beck
Senior Propellus Maximus
Posts: 3667
Joined: Thu Feb 02, 2006 9:57 am
Location: Pittsford, NY

Re: Para text moves up into List

Post by Nita Beck »

Would you post some actual code of a list so we can examine its structure?
Nita
Image
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
sarabigail
Propeller Head
Posts: 10
Joined: Fri Feb 03, 2017 4:47 am

Re: Para text moves up into List

Post by sarabigail »

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
NorthEast
Master Propellus Maximus
Posts: 6359
Joined: Mon Mar 05, 2007 8:33 am

Re: Para text moves up into List

Post by NorthEast »

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).
sarabigail
Propeller Head
Posts: 10
Joined: Fri Feb 03, 2017 4:47 am

Re: Para text moves up into List

Post by sarabigail »

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
Post Reply