Fix List Items

sam-hill · October 5, 2015

I last fought with List items in Lectora X. I'm now in Lectora V12 having the same fight.

List items generate some weird HTML especially when you have nested lists. Lectora doesn't actually nest the list (probably not good for WCAG), but just indents a nested list further, but does not follow the HTML structure e.g

This is my item
- Nested Item

.

I have had to use custom CSS to fix formatting issues overriding inline styles on ol, ul and li tags.

I was simply trying to achieve this:

1.List item #1
2.List item #2
• Nested list item #1
• Nested list item #2
3.List item #3
4.List item #4

Time taken in Lectora ~60 minutes. Time taken to hand code ~2 minutes.

These just seem broken.

Thanks,
Sam

sam-hill · October 6, 2015

The standard HTML I was trying to insert into the WYSIWYG was <ul><li>This is my item<ul><li>Nested Item</li></ul></li></ul>

sam-hill · October 6, 2015

Argh. Try again: <ul><li>This is my item<ul><li>Nested Item</li></ul></li></ul>

sam-hill · October 6, 2015

<ul><li>This is my item<ul><li>Nested Item</li></ul></li></ul>

Fix List Items

Comments

Categories