左側の表の枠(①)はそのままにしたいのですが、
「セルにプロパティ」の「縦配置」で「上」を選択、、、と、いうことかしら?
回答くださりましてありがとうございます。
>「セルにプロパティ」の「縦配置」で「上」を選択、、、と、いうことかしら?
>>下記の添付画像にtest1、test2の間を少しだけ空けたい(下記の例②空白をもう少し縮めたい)のですが、その際test1,test2のほうを改行しますと
商号のほうも枠線が大きくなっていますということです。
商号のほうの枠線が広がる前
test1,test2の間を改行した場合
ちょっとやりたいことがよくわかりませんが、
「test1」と「test2」の間(行間)を狭めたいということでしょうか?
>「test1」と「test2」の間(行間)を狭めたいということでしょうか?
>>私のお伝え方が悪く申し訳ありません。
はい、商号のほうの枠線はそのまま(上記の商号のリンク参照)でtest1,test2の間(test1,test2の間をリンク)を狭めたいというのもあります。
段落のあり、なしの違いでしょうか?
段落については、下記ページが参考になると思います。
https://yossense.com/paragraph-break/
TinyMCE Advanced のテーブルは、一度改行して段落になると、全ての文字を削除しないと段落を解除することができないようです。
段落の隙間は下記のスタイル (CSS) で調整することができます。
カスタマイズの [追加 CSS] や [CSS カスタマイズ](管理画面のメニューより[外観]-[CSS カスタマイズ])に、下記を追加。
.content table td p { margin-bottom: 0; }
>段落のあり、なしの違いでしょうか?
>>自分自身あまり段落についてよくわかっていないのですが、そうだと思います。
>段落の隙間は下記のスタイル (CSS) で調整することができます。
cssを管理画面のメニューより追加させていただきましたのですが、調整はどちらからすればよろしいでしょうか?
.content table td p { margin-bottom: 12px; }
margin-bottom の値(上の例では 12px)で、隙間を調整することができます。
詳細は下記ページをご覧ください。
http://www.htmq.com/style/margin-bottom.shtml
>margin-bottom の値(上の例では 12px)で、隙間を調整することができます。
>>ありがとうございます。
リンク先.の前後にpやsample1が記載があるのですが、こちらはなにを示しているのでしょうか?
>p.sample1 部分は CSS セレクタと呼ばれるものです。
>>CSSセレクタというのは、CSSによるデザイン指定をどこの部分に対して適用するかを決めるものなのですね。
隙間を調整することについてなのですが、何度か試みましたのですが、私の環境では、このように(下記)変化がないようなのですが。
お手数おかけいたしまして申し訳ないのですが、ご教示いただけますと助かります。
cssカスタマイズから記述
cssカスタマイズ適用後の画像
cssカスタマイズのコードを削除後の画像
.content table td p { margin-bottom: 0; }
この CSS は段落の隙間(下マージン)を 0 にするものであって、段落以外は影響を受けません。
段落で間違いないでしょうか?段落については下記ページをご覧ください。
https://yossense.com/paragraph-break/
>段落で間違いないでしょうか?
>>申し訳ありません。
私の意味の取り違えをいたしておりました。
test1とtest2の幅(上下)の調整ができればと思いまして今回質問させていただきました。
.content table td p { margin-bottom: 0; }
この CSS をそのまま [CSS カスタマイズ] に記述(コピペ)してみてください。表示になにか変化はおきませんか?
>この CSS をそのまま [CSS カスタマイズ] に記述(コピペ)してみてください。表示になにか変化はおきませんか?
>>枠線の縮小の変化はおきましたが、なにか別の設定とかで文字の間(test2,test4)の調整とかも可能なのでしょうか?
お使いのテーマ(BizVektor)と TinyMCE Advanced プラグインには、表の段落を調整するための設定項目は用意されていません。CSS で設定するのがいいかと思います。