サポート » 使い方全般 » 表(TABLE)の縦線が出ない

  • 解決済 J-Rocker

    (@j-rocker)


    テーマはTwentyEleven、
    プラグインはTinyMCE Buttons Arrangementを使っています。
    TinyMCEの「表を挿入」ボタンを使って表を作っているんですが、
    横線はあるが縦線がない表が出来ます。
    別なテーマで表示してみると縦線も出るのでHTML自体は間違っていない気がします。
    どうすれば正常な表ができるのか知りたいです。

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

    これは、TwentyElevenのデザインによるものです

    http://wp-themes.com/twentyeleven/#tables

    スタイルシートをカスタマイズすれば縦線を表示できます。

    試していませんが、style.cssの788行に

    .entry-content td, .comment-content td {
    border-top: 1px solid #DDD;
    padding: 6px 10px 6px 0;
    }

    というスタイルルールを変更する事が出来ます。
    border-top を borderに変更してみてください。

    但し、style.cssの変更は、テーマファイルのアップデートで上書きされますので、
    カスタマイズを維持したいという事であれば、チャイルドテーマを作成するか、言語別のスタイルシート(日本語なら、ja.css)を追加するという事をしなければなりません。

    CSSやチャイルドテーマについて調べてみる事をおすすめします

    アドバイスありがとうございます。
    子テーマを作ってやってみました。
    border-topをborderに変更すると縦線も出ました。

    これで目的は達成されたのですが新たな疑問があります。
    この方法だとすべてのテーブルの設定が同じものになりますよね。
    例えば、通常は border: none;のテーブルにしておいて
    特定のテーブルだけ投稿の編集画面から border: solid;
    ということはできないんでしょうか?
    実はやってみたんですが、
    STYLE.CSSの設定が優先されるようです。

    言い忘れました。
    投稿の編集ページのビジュアルタブによるプレビューだと
    CSSを変更してもborder-Topのみ線がでるようです。
    これはこれで違うところに設定があるんでしょうか?

    こんにちは

    特別なテーブルだけスタイルを変更する方法は、たくさんあります

    スタイルルールのの優先順位も、スタイルの記述の仕方によって変更が可能ですから、CSSをより深く学ぶといいです

    例えば、ワードプレスの個別の投稿をラップしているarticleという要素には、classが動的に設定されるので、特定の投稿に紐づいたスタイルの指定ができるようになっています

    .post-3663 table td{
     border:1px solid #ddd;
    }

    投稿の編集ページのビジュアルタブによるプレビューだと
    CSSを変更してもborder-Topのみ線がでるようです。
    これはこれで違うところに設定があるんでしょうか?

    editor-style.cssの指定によって、表示を変更できます。

    勉強が必要ですがイメージは分かりました。
    ありがとうございました。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「表(TABLE)の縦線が出ない」には新たに返信することはできません。