Indenting Tables

[Cal Wilson]

Here's hoping someone can help.

I have a table style sheet designed to apply specifics requirements to tables.

I want to add indentation to a table. For example, I would like to indent a table 20 px left to align with an indented paragraph.

I have tried all the options in the TableStye Editor, but I can't find one that works.

I am hoping to accomplish alignment similar to that shown in the attached picture.

Thanks in advance for help.

[kwag_myers]

If you want this for all tables, set the margin-left property for table in the Master Stylesheet (not the table CSS). Otherwise, add a class to tables to apply the margin to select tables.

[Cal Wilson]

@kwag_myers

I am feeling like your Curly Howard quote – I am trying to think but nothing HAPPENS.

I understand making the changes in the Master Stylesheet. I did so, and I see the behavior.

I don't want the changes to be applied to all tables.

I created a class. I can assign the class to a table that DOES NOT have a table style sheet applied. However, I can't find a way to assign the class to a table which HAS a table style sheet applied.

For reasons too lengthy to explain, I very much need to keep using a table style sheet.

So is there a way to apply a table class created in the master to a table that has a table style sheet applied?

[DocuWil]

I think you have to go into the Text editor and change the margin-left there.
Example:

<table style="mc-table-style: url('../../../../../Resources/TableStyles/HousStyleHeader.css');margin-left: 0;margin-right: auto;caption-side: top;width: 180mm;" class="TableStyle-HousStyleHeader" cellspacing="0">

You can see: margin-left: 0;
In your case set it to: margin-left: 20px;
It may be that you have to set the "width" accordingly.

[kwag_myers]

So is there a way to apply a table class created in the master to a table that has a table style sheet applied?

Sorry. I know I tested that before I posted, but now... Anyway, in the TableStyle Editor, General tab, set the Table Margins > Left to 20px. Sometimes, when working with tables, if you edit the CSS you may not see the change on an existing table. If so, you have to insert a new table and copy/paste from the old to the new. Again, I tested this and the change was applied to an existing table.

[Cal Wilson]

@kwag_myers

YESSSSS!

Thank you for staying with this post.

The problem is solved. I never thought about adding a new table.

I just tested the following to apply changes also.

I think, you can reset the table style on an existing table to apply the change. Right-click the table block, point at Table Style, and then click Reset Table Style.

[Jess77]

Is there a way to indent just one table and not all tables with that style? Do I have to create a whole other table style?

I just worry about them getting out of sync; I'd rather have a sub-class.

[jasonsmith]

I use a series of div classes to indent stuff

div.Indent_20px
{
margin-left: 20px;
}
If you have a table legend, you can apply the div fairly easily (Highlight and click the Group button in the toolbar and select the div class). If its just a table, Flare won't let you apply the div, but you can add it in by Hand in the code.

[Jess77]

Thank you! I had actually created a new table style with an indent, created a new table, applied the new style and it didn't work at all. I was starting to huff and puff here when I saw your answer.

Div tags overall are wonky. I keep hearing that I can make one indent tag (indented, say, 20px) and then keep applying it. That never works. I created a second indent Div, but it wouldn't let me apply it. As usual, I broke into the code. I typed in the name of the new indent tag and voila!

This is a great tip for that list of options within a task.

Thanks again!

[cmoore66]

Pulling my hair out on this one. I've created a new table style that indents the left table margin to 100px (exaggerated to spot the difference quickly). The preview window for the TableStyle I created shows the table row indented. Looks good. But when I click the Table button on the Insert tab and select my Table Style in the Insert Table window, the preview does not show the indentation. And, of course, when I click OK to add the table, it is dropped into my topic without the indentation.

It seems like some setting in the Insert Table process is getting in the way of the Table Style and not allowing it to do its thing. The steps to do this seem so basic, so easy to understand, so sensible. The lack of cooperation will soon drive me to drink.

Help, anyone.

Thanks,

[ChoccieMuffin]

A tip, that I think came from NitaBeck originally, is to create a blank, empty table that is the way you want it, then create a SNIPPET of that table. Any time you need a table insert the snippet and then convert it to text. MUCH quicker than messing around with the Insert Table thing (which I, too, find a complete PITA.)

[Jess77]

Just a tip here - I've been through so much trial and error here that it's hard for me to remember every one of my steps.

I've worked with indented tables and I've worked with tables in snippets. Some of my snippets have to include the tables.

One bizarre thing I noticed was that the formatting of indented tables and sometimes the formatting of the text styles in tables in snippets would be overridden - even after the table was fixed. I tried and tried to fix this the "right" way and ultimately used a shortcut. I put an important tag on the text styles in the tables and now they work all the time:
https://css-tricks.com/when-using-impor ... ht-choice/

I thought I'd offer this in case you run into weird formatting.

[cmoore66]

Thanks for the tips. The snippet is the way. Will experiment with the Important CSS rule, too. Sober with hair still on my head. thanks.

[Jess77]

I also noticed something about tables in snippets yesterday.... and remembering why they were so frustration. I was inserting a snippet and nothing showed up. I looked in the XML code and the snippet was there...but nothing showed up in the editor.

I figured it out - open the snippet file and make sure that the table is inside the body tags, as in <body>table</body>. For some reason, when creating a snippet by selecting a table in a topic, that table is outside the body tags in the snippet.