サポート » テーマ » 表の縦線について教えて下さい。

  • 解決済 menbou

    (@menbou)


    こんにちは。
    連続投稿すみません。
    でも、調べても出てこなかったし、自分で考えても分からなかったので教えて下さい。

    テーマ「biz vector」を使ってます。
    プラグイン「TinyMCE Advanced」も導入済みです。

    そこで、表を作ったのですが、縦線が出てきません。
    どうやっても何をやっても駄目です。

    どなたか、教えて下さい。
    よろしくお願い致します。

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • こんにちは

    下記スタイルを追加するのではどうでしょうか。

    カスタマイズの追加 CSS 等に

    .content table { border-collapse: collapse; }
    .content table td { border: 1px solid #e5e5e5; }
    トピック投稿者 menbou

    (@menbou)

    おはようございます。
    ishitakaさん、いつもありがとうございます。

    言われた通りやったら出来ました!
    ありがとうございます。

    お忙しいところ申し訳ないのですが、あと、もう一つ教えてほしいのですが構いませんか?
    表2重線
    表を作ろうとしたときに、図のように何故か枠が2重に出てくるのですが、どうしてでしょう?
    投稿を反映した時にも反映されていて、2重に出てきてしまいます。
    この外側の枠は何なのでしょう?
    消せないものでしょうか?

    どうか、よろしくお願い致します。

    CG

    (@du-bist-der-lenz)

    テーブル作成時であれば、サイズ変更のグリッド。投稿公開後で枠があれば、テーブル全体にスタイルが当たっているのでしょう。

    トピック投稿者 menbou

    (@menbou)

    CGさん

    お答え、ありがとうございます。

    具体的に、どうすればこの2つ目の枠は消せるでしょうか?
    どうしても必要なんですか?

    私も試してみましたが、そのような枠は表示されませんね。
    その部分の HTML はどのようになっていますか?表を入れ子にしていたりしませんか?

    トピック投稿者 menbou

    (@menbou)

    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;
    }
    • この返信は6年、 10ヶ月前にishitakaが編集しました。理由: 誤記

    追記

    table は固定幅にしないで、パーセント(100%)指定の方がレスポンシブでいいと思いますよ。

    トピック投稿者 menbou

    (@menbou)

    ishitakaさん

    分かりました。
    わざわざ調べてくださって、本当にありがとうございました。

    制御枠と表の枠を人力で合わせることで2重に出なくする事が出来ました。
    あまりスマートじゃないですけど、とりあえず解決しました。

    今度からは、パーセントで指定してみます。
    本当にありがとうございました。

    CGさんもありがとうございました。
    レス待たずに閉めてしまう事、お許し下さい。

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • トピック「表の縦線について教えて下さい。」には新たに返信することはできません。