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:57] – [Use CSS Styles for Tables] ext-bkkr | 72:editor_tables [2020/09/11 17:14] – aakr | ||
---|---|---|---|
Line 14: | Line 14: | ||
- Select new formating options for your table. | - Select new formating options for your table. | ||
- //Notice: The **Rows** | - //Notice: The **Rows** | ||
+ | ==== Adding an image or text in the Table ==== | ||
+ | |||
+ | If a table contains images or text and the table does not fit into the browser window, it is shown in the mobile view as seen in below image. Click anywhere on the table to view the table. | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | In case of images, they are only scaled down if a table width is specified. In above example, if you want the images to be scaled down, specify a specific table width equal or less than 100%. To specify the table width right click on the table and select Properties. | ||
+ | |||
+ | {{ https:// | ||
+ | |||
+ | {{ https:// | ||
+ | |||
==== Delete a Table ==== | ==== Delete a Table ==== | ||
Line 22: | Line 34: | ||
1. 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/ | + | 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 table {} | ||
.stages_description .minimal_table_style tr {} | .stages_description .minimal_table_style tr {} | ||
Line 34: | Line 45: | ||
.stages_description .minimal_table_style tr h3, | .stages_description .minimal_table_style tr h3, | ||
.stages_description .minimal_table_style tr img {} | .stages_description .minimal_table_style tr img {} | ||
+ | |||
</ | </ | ||
Line 39: | Line 51: | ||
//Note: You can also enter an ID if you have a css definition with ID' | //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# | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | } | ||
+ | # | ||
+ | | ||
+ | } | ||
+ | # | ||
+ | | ||
+ | | ||
+ | | ||
+ | } | ||
+ | # | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | } | ||
+ | # | ||
+ | # | ||
+ | # | ||
+ | # | ||
+ | # | ||
+ | | ||
+ | } | ||
+ | |||
+ | </ | ||