Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
72:editor_tables [2019/02/18 17:57]
ext-bkkr [Use CSS Styles for Tables]
72:editor_tables [2019/02/18 18:00] (current)
ext-bkkr [Use CSS Styles for Tables]
Line 39: Line 39:
  
 //Note: You can also enter an ID if you have a css definition with ID'​s//​. //Note: You can also enter an ID if you have a css definition with ID'​s//​.
 +
 +In this example, the style class is named <font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit>​minimal_table_style</​font>​.
 +
 +<​code>​
 +.stages_description .minimal_table_style table {
 + ​font-family:​ "​Lucida Sans Unicode",​ "​Lucida Grande",​ Sans-Serif;
 + ​font-size:​ 12px;
 + ​background:​ #fff;
 + ​width:​ 480px;
 + ​border-collapse:​ collapse;
 + ​text-align:​ left;
 + ​margin:​ 20px;
 +}
 +.stages_description .minimal_table_style tr {
 + ​vertical-align:​ top;
 +}
 +.stages_description .minimal_table_style td {
 + ​border-bottom:​ 1px solid #ccc;
 + ​color:​ #669;
 + ​padding:​ 6px 8px;
 +}
 +.stages_description .minimal_table_style th {
 + ​font-size:​ 14px;
 + ​font-weight:​ normal;
 + ​color:​ #039;
 + ​border-bottom:​ 2px solid #6678b1;
 + ​padding:​ 10px 8px;
 +}
 +.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 {
 + ​color:​ #669;
 +}
 +</​code>​
 +
 +This example uses the CSS id selector <font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit>​minimal_table_style</​font>​in the advanced tab of the table properties.
 +
 +<​code>​
 +table#​minimal_table_style{
 + ​font-family:​ "​Lucida Sans Unicode",​ "​Lucida Grande",​ Sans-Serif;
 + ​font-size:​ 12px;
 + ​background:​ #fff;
 + ​width:​ 480px;
 + ​border-collapse:​ collapse;
 + ​text-align:​ left;
 + ​margin:​ 20px;
 +}
 +#​minimal_table_style tr{
 + ​vertical-align:​ top;
 +}
 +#​minimal_table_style td{
 + ​border-bottom:​ 1px solid #ccc;
 + ​color:​ #669;
 + ​padding:​ 6px 8px;
 +}
 +#​minimal_table_style th{
 + ​font-size:​ 14px;
 + ​font-weight:​ normal;
 + ​color:​ #039;
 + ​border-bottom:​ 2px solid #6678b1;
 + ​padding:​ 10px 8px;
 +}
 +#​minimal_table_style tr p,
 +#​minimal_table_style tr h1,
 +#​minimal_table_style tr h2,
 +#​minimal_table_style tr h3,
 +#​minimal_table_style tr img {
 + ​color:​ #669;
 +}
 +</​code>​