Ordered list inside unordered list

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
MC Hammer
Sr. Propeller Head
Posts: 225
Joined: Wed Aug 08, 2007 3:04 am
Location: In a galaxy far, far away

Ordered list inside unordered list

Post by MC Hammer »

Hi all
I seem to have a problem with ordered lists inside unordered lists. Basically although the tags are correct in the HTML source code, the ordered list items are displayed with a bullet point.
This happens both in the topic preview within Flare and in the output (clean XHTML output).
Is there a workaround, or shouldn't I be using ordered lists inside unordered lists?

Thanks,
Last edited by MC Hammer on Fri Aug 18, 2017 3:27 am, edited 1 time in total.
Marie-Claire
Flare 2019 r2 - Windows 10 Pro - HTML5 help / "clean" XHTML output
Rene Severens
Sr. Propeller Head
Posts: 210
Joined: Mon Sep 19, 2011 2:06 am
Location: Netherlands - Zoetermeer
Contact:

Re: Ordered list inside unordered list

Post by Rene Severens »

Hi,

unordered lists have bullet points by default. I guess you are referring to the ordered list inside the unordered list, that should have numbers in stead of bullets.

I usually create the ordered list outside of the unordered list, then start a paragraph in the unordered list item and next copy paste the ordered list into this paragraph.

Note that I only use the default styles. In case yo have defined combinations of list styles in the applied stylesheet, then that can give a different result.

Greetings,

René Severens
"The numbers are strange today; they somehow do not seem to add up."
MC Hammer
Sr. Propeller Head
Posts: 225
Joined: Wed Aug 08, 2007 3:04 am
Location: In a galaxy far, far away

Re: Ordered list inside unordered list

Post by MC Hammer »

Hi Rene
Yes sorry, I now amended my first post.
Thanks for the workaround, I am going to try it!
Marie-Claire
Flare 2019 r2 - Windows 10 Pro - HTML5 help / "clean" XHTML output
Nita Beck
Senior Propellus Maximus
Posts: 3669
Joined: Thu Feb 02, 2006 9:57 am
Location: Pittsford, NY

Re: Ordered list inside unordered list

Post by Nita Beck »

I don't think it's necessary to have to put a paragraph in first.

I think all you need to do is to select the ul structure bar of the nested unordered list and then change the type of list to an ordered list by selecting Numbered List from the List drop-down menu on the Home ribbon. Might even be able to do the same by right-clicking the structure bar and selecting an appropriate option from the shortcut menu. (I'm going on memory so don't recall offhand if there is a menu option that'll accomplish this.)

Hope I haven't misunderstood the issue...

EDIT: Yes, I checked. Right-click on the nested list's structure bar and then use the Type command to select the type of list you want.
Nita
Image
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
MC Hammer
Sr. Propeller Head
Posts: 225
Joined: Wed Aug 08, 2007 3:04 am
Location: In a galaxy far, far away

Re: Ordered list inside unordered list

Post by MC Hammer »

Hi
Thanks for the replies.
I am not sure I understood what you meant Nita...
I have tried putting the ordered lists inside paragraphs but that did not work.

In the screenshot below, you can see the structure bar, showing 2 ordered lists inside an unordered list (left side).
source-html.png
Yet, the resulting output shows bullets for each list entry, even for the ordered list (similar to what can be seen on the WYSIWYG in screenshot above, right side).

I want the unordered list to have bullet points (which is the case and is correct), and the ordered list inside that unordered list to be a numbered list (and not have bullet points).
Not too sure what is going on. I will also have a look at the list styles defined in the CSS.
You do not have the required permissions to view the files attached to this post.
Marie-Claire
Flare 2019 r2 - Windows 10 Pro - HTML5 help / "clean" XHTML output
devjoe
Sr. Propeller Head
Posts: 337
Joined: Thu Jan 23, 2014 1:43 pm

Re: Ordered list inside unordered list

Post by devjoe »

Look for anything in the CSS with list-style-type defined. Also try looking at this output using the Inspect feature of your browser to see what formatting (and from where) is being applied to these inner lists.
MC Hammer
Sr. Propeller Head
Posts: 225
Joined: Wed Aug 08, 2007 3:04 am
Location: In a galaxy far, far away

Re: Ordered list inside unordered list

Post by MC Hammer »

Thank you all for your help and advice.
We are using complex selectors and the bullet style was being picked from ul li

Code: Select all

list-style-type: disc;
Created a new complex selector and problem solved. Thanks again!
Marie-Claire
Flare 2019 r2 - Windows 10 Pro - HTML5 help / "clean" XHTML output
Post Reply