Problems Styling Table Style inside a List

[ClanMoffat]

Any thoughts on using CSS to fix the table width when a table is in a 1st or 2nd-level list item would be great! (Esp for Word Output!)

I am using Flare Table Styles OK with PDF output that looks good with 100% inside and outside lists for PDF output...

However, I also need to create output in MS Word:

• 100% is OK-ish for full-width tables.

• 100% is NOT OK for tables in 1st or 2nd-level tables, as the table drops off the side of the page.

I'm probably doing something wrong with my CSS/topic, but another pair of eyes could help!

My Topic contains something like:

• <table style="width:(--TableWidth-1stListItem-Word) class="TableStyle-aaTS-NoteBox"

Variable Definitions
TableWidth-1stListItem-Word is a variable defined as 6.05in.
TableWidth-FullScreen-Word is a variable defined as 6.48in.

My CSS contains something like:

Code: Select all

	table.TableStyle-aaTS-NoteBox.width: var(--TableWidth-FullScreen-Word);
	ol li > table.TableStyle-aaTS-NoteBox.width: var(--TableWidth-1stListItem-Word);
	ul li > table.TableStyle-aaTS-NoteBox.width: var(--TableWidth-1stListItem-Word);

Many thanks!

Code: Select all

[trent the thief]

Perhaps placing the table inside a Div would give you more width control.