Bullet list in table cell remains centered

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
DMilkes
Jr. Propeller Head
Posts: 7
Joined: Mon Jun 25, 2018 9:47 am

Bullet list in table cell remains centered

Post by DMilkes »

In Flare 2018, I have a table cell with some unindented text at the top, followed by a <ul> block that I also want left-justified, but it remains centered no matter how I change the <ul> style in the CSS. The bullets themselves are aligned with each other and the text is aligned and properly indented. I would think the default for <ul> with no class would be left-justified. And I assume I should change <ul> rather than <li>.

What should my CSS settings be?
ChoccieMuffin
Senior Propellus Maximus
Posts: 2632
Joined: Wed Apr 14, 2010 8:01 am
Location: Surrey, UK

Re: Bullet list in table cell remains centered

Post by ChoccieMuffin »

Is a normal bulleted list (i.e., in a bunch of regular body text) indented? If yes, then your bulleted list inside a table is behaving as it's been told to. In order to fix this, you need to specify in your CSS that if there's a bulleted list inside a table cell, that it shouldn't be indented. To do this, you need to add a complex selector to your CSS, something like this, and adjust the margin left figure until you like what you see:

td ul
{
margin-left: 2%;
}

Make sure this complex selector is AFTER the ul item in your CSS, as the further down items "trump" the ones further up.

For details on this and other complex selectors you could do worse than go to https://www.w3schools.com/cssref/css_selectors.asp - I have that site bookmarked and refer to it frequently.
Started as a newbie with Flare 6.1, now using Flare 2023.
Report bugs at http://www.madcapsoftware.com/bugs/submit.aspx.
Request features at https://www.madcapsoftware.com/feedback ... quest.aspx
Post Reply