こんにちは
下記スタイルを追加するのではどうでしょうか。
カスタマイズの追加 CSS 等に
.content table { border-collapse: collapse; }
.content table td { border: 1px solid #e5e5e5; }
おはようございます。
ishitakaさん、いつもありがとうございます。
言われた通りやったら出来ました!
ありがとうございます。
お忙しいところ申し訳ないのですが、あと、もう一つ教えてほしいのですが構いませんか?
表を作ろうとしたときに、図のように何故か枠が2重に出てくるのですが、どうしてでしょう?
投稿を反映した時にも反映されていて、2重に出てきてしまいます。
この外側の枠は何なのでしょう?
消せないものでしょうか?
どうか、よろしくお願い致します。
CG
(@du-bist-der-lenz)
テーブル作成時であれば、サイズ変更のグリッド。投稿公開後で枠があれば、テーブル全体にスタイルが当たっているのでしょう。
CGさん
お答え、ありがとうございます。
具体的に、どうすればこの2つ目の枠は消せるでしょうか?
どうしても必要なんですか?
私も試してみましたが、そのような枠は表示されませんね。
その部分の HTML はどのようになっていますか?表を入れ子にしていたりしませんか?
ishitakaさん
表を「中央」へ持ってこようとすると、出てきます。
HTMLは、
<table class="aligncenter" style="height: 508px; width: 653px;" border="1">
<tbody>
<tr>
<td style="text-align: center; vertical-align: middle; width: 163px; height: 50px;"><a href="http://blog.goo.ne.jp/menbou_yuzu"><img src="http://mogumogu-menbou.com/wp-content/uploads/2017/05/SnapCrab_NoName_2017-5-26_8-45-19_No-00-e1495756377962.png" alt="統合失調症と膠原病と共に生きるブログ" width="150" height="83" /></a></td>
<td style="text-align: center; vertical-align: middle; width: 164px; height: 50px;"><a href="http://menbou.club/">
みたいな感じになってます。
入れ子?にはしていないと思います。
気になるのは、縦線が入らないのでプラグインの「TablePress」をインストールして表をインポートし、やっぱりできないのでそのままアンインストールしました。
関係あるでしょうか?
よろしくお願い致します。
表を「中央」へ持ってこようとすると、出てきます。
おっ、再現しました。
編集画面の枠(制御枠かな)の消し方はわかりませんでした。
公開ページでは、下記スタイルで各揃えにも対応できそうです。
.content table.alignright,
.content table.aligncenter,
.content table.alignleft {
display: table;
}
追記
table は固定幅にしないで、パーセント(100%)指定の方がレスポンシブでいいと思いますよ。
ishitakaさん
分かりました。
わざわざ調べてくださって、本当にありがとうございました。
制御枠と表の枠を人力で合わせることで2重に出なくする事が出来ました。
あまりスマートじゃないですけど、とりあえず解決しました。
今度からは、パーセントで指定してみます。
本当にありがとうございました。
CGさんもありがとうございました。
レス待たずに閉めてしまう事、お許し下さい。