HTMLタグ表示モードで編集する
書類テンプレートのレイアウト作成画面で表を編集している時に、下記のような状況になることがあります。
- 意図しない空間ができてしまう
- 列数の異なる表を結合したい
- 罫線を非表示にしたい
これらは、HTMLで編集する必要があります。
ここでや、ケースごとのHTMLタグの記述方法を説明します。
書類テンプレート作成・編集における個別のHTMLの記述に関するお問い合わせはチャットサポート対象外です。
あらかじめ、ご了承ください。
1. ツールバーの ［ ］ アイコンをクリックして、HTMLタグ表示に切り替える
書類テンプレートをHTMLで編集するために、レイアウト画面を［HTMLタグ表示］に切り替えます。
ツールバーにある［HTMLタグ表示］アイコンをクリックしてください。
クリックすると、レイアウト画面がHTMLタグ表示に切り替わります。
2. HTMLタグに記述を書き加える
HTMLタグ表示モードに切り替え、記述を加えます。
表の下にできた空白を削除する場合
表（テーブル）の下に空白ができた場合に、削除するためのHTMLの記述を紹介します。
1. "margin-bottom: 0px;" に書き換える
表の下にある空白を削除するには、テーブルの開始タグ <table>のスタイル部分（style=" "）の記述を変更します。
"margin-bottom:2em;" などの記述があると、表の下に余白が設定されます。
この記述を
style="margin-bottom: 0px;"
に書き換えます。
2. テキスト表示に切り替え、［更新］をクリック
ツールバーにある［HTMLタグ表示］アイコンをクリックしてテキスト表示に切り替えた後、書類テンプレート作成・編集画面の下部にある［更新］をクリックすると変更が適用され、表の下の空白がなくなります。
表と表の間にある空白を削除する場合
表（テーブル）と表のあいだに空白ができた場合に、削除するためのHTMLの記述を紹介します。
1. "margin-bottom: 0px;" に書き換える
テーブル間にできた空白を埋めるには、1つ目のテーブルの開始タグ <table>のスタイル部分（style=" "）の記述を
style="margin-bottom: 0px;"
に変更します。
2. 表と表の間にある <p>... </p>を削除
表と表の間、タグで表現すると ...</table> と <table>... の間にある<p>タグ、
画像の例の場合、
<p style="line-height: 1.2;"><span style="font-size: 12px;"><br></span></p>
という箇所も削除します。
該当のタグが元から存在しない場合もあります。
3. テキスト表示に切り替え、［更新］をクリック
ツールバーにある［HTMLタグ表示］アイコンをクリックしてテキスト表示に切り替えた後、書類テンプレート作成・編集画面の下部にある［更新］をクリックすると変更が適用され、テーブル間の空白がなくなります。
列数の異なるテーブルとテーブルを結合する場合
項目ごとに列数が異なる場合、1つの表でセルの結合を繰り返すと、列の幅が調整しづらくなることがあります。
以下の方法で、列数の異なる2つの表を結合し、1つの表のように見せることができます。
1. 列数が異なる項目ごとに表を分けて追加
まず列数が異なる項目ごとに表をそれぞれ追加します。
2. style="margin-bottom: -1px;" を挿入
それぞれの <table> タグに、
style="margin-bottom: -1px;"
を追加、または書き換えます。
<td>タグ内の width をそろえると、より一つのテーブルに見せられます。
3. テキスト表示に切り替え、［更新］をクリック
ツールバーにある［HTMLタグ表示］アイコンをクリックしてテキスト表示に切り替えた後、書類テンプレート作成・編集画面の下部にある［更新］をクリックすると、変更が適用され、列数の異なる別々のテーブルが、1つの表のように表示され、列の幅の調整もしやすくなります。
テーブルの罫線を非表示にする場合
テーブル内の罫線は削除できません。
非表示にしたい場合は、罫線の色を白に指定してください。
1. style="border:1px solid #fff;" を挿入
罫線の色を白にするには、HTMLモードに切り替え、罫線を削除したい箇所にある <table> と <td> タグに、
style="border:1px solid #fff;"
を挿入します。
2. テキスト表示に切り替え、［更新］をクリック
ツールバーにある［HTMLタグ表示］アイコンをクリックしてテキスト表示に切り替えた後、書類テンプレート作成・編集画面の下部にある［更新］をクリックすると変更が適用され、罫線が見えなくなります。
