Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
72:editor_tables [2019/02/18 17:52] – ext-bkkr | 72:editor_tables [2019/02/18 18:00] – [Use CSS Styles for Tables] ext-bkkr | ||
---|---|---|---|
Line 20: | Line 20: | ||
==== Use CSS Styles for Tables ==== | ==== Use CSS Styles for Tables ==== | ||
- | - Insert a table and enter some text in the table header and cells. | + | 1. Insert a table and enter some text in the table header and cells. |
- | | + | |
+ | 2. Enter at least the following css style definitions in the custom.css file on the Stages server because these styles are predefined in the standard.css file. The classname (in this example <font inherit/ | ||
+ | |||
+ | < | ||
+ | .stages_description .minimal_table_style table {} | ||
+ | .stages_description .minimal_table_style tr {} | ||
+ | .stages_description .minimal_table_style td {} | ||
+ | .stages_description .minimal_table_style th {} | ||
+ | .stages_description .minimal_table_style tr p, | ||
+ | .stages_description .minimal_table_style tr h1, | ||
+ | .stages_description .minimal_table_style tr h2, | ||
+ | .stages_description .minimal_table_style tr h3, | ||
+ | .stages_description .minimal_table_style tr img {} | ||
+ | </ | ||
+ | |||
+ | 3. Define the class name in the table properties advanced tab field **Stylesheet Classes**. | ||
+ | |||
+ | //Note: You can also enter an ID if you have a css definition with ID' | ||
+ | |||
+ | In this example, the style class is named <font inherit/ | ||
+ | |||
+ | < | ||
+ | .stages_description .minimal_table_style table { | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | } | ||
+ | .stages_description .minimal_table_style tr { | ||
+ | | ||
+ | } | ||
+ | .stages_description .minimal_table_style td { | ||
+ | | ||
+ | | ||
+ | | ||
+ | } | ||
+ | .stages_description .minimal_table_style th { | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | } | ||
+ | .stages_description .minimal_table_style tr p, | ||
+ | .stages_description .minimal_table_style tr h1, | ||
+ | .stages_description .minimal_table_style tr h2, | ||
+ | .stages_description .minimal_table_style tr h3, | ||
+ | .stages_description .minimal_table_style tr img { | ||
+ | | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | This example uses the CSS id selector <font inherit/ | ||
+ | |||
+ | < | ||
+ | table# | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | } | ||
+ | # | ||
+ | | ||
+ | } | ||
+ | # | ||
+ | | ||
+ | | ||
+ | | ||
+ | } | ||
+ | # | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | } | ||
+ | # | ||
+ | # | ||
+ | # | ||
+ | # | ||
+ | # | ||
+ | | ||
+ | } | ||
+ | </ | ||