サポート » テーマ » テーブルの一行目の高さだけ違う

テーブルの一行目の高さだけ違う

  • 解決済 UNYORA

    (@unyora)


    8年、 5ヶ月前

    お世話になっております。UNYORAです。

    テーマCustomizr
    https://ja.wordpress.org/themes/customizr/
    を使用しています。

    テーブルを作成したところテーブルの一行目の高さだけが違います。

    table, th, td {
    border:none;
    text-align:left;
    font-weight: normal;
    height:40px;
    font-size:14px;
    }
    style.cssに
    上記の記述をしましたが、ほかにもテーブルの一行目の高さだけかかわるスタイルシートの設定があるのでしょうか？
    よろしくお願いいたします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • nobita

    (@nobita)

    8年、 5ヶ月前

    こんにちは、

    よくあるのは、本文に

    <table>
<tr><td>

test

</td></tr>
<tr><td>test</td></tr>
</table>

    のように、一行目のtdの内側に改行などがあった場合、ワードプレスは、改行を目印にP要素を追加してしまって、高さが大きくなる　という事があります。

    ソースで、部分的にp要素が追加されていないか確認してみてください

    トピック投稿者 UNYORA

    (@unyora)

    8年、 5ヶ月前

    nobitaさん、お返事ありがとうございます

    <table>
    <tbody>
    <tr>
    <th width=”30%”>1行目</th>
    <th width=”70%”>1行目</th>
    </tr>
    <tr>
    <td>2行目</td>
    <td>2目</td>
    </tr>
    <tr>

    上記のソースなので今回は違うようです。
    1行目のところだけが、高さが短くなってしまいます。

    nobita

    (@nobita)

    8年、 5ヶ月前

    td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}
th {
    font-weight: 700;
    border-bottom: 1px solid rgba(90,90,90,.5);
}

    テーマのデザインの問題のようですね、

    td要素には、paddingが設定されているので、高さが高くなります。

    LESSも使っているので、使い方を覚えるか、CSSエディタプラグイン等を併用しないと、カスタマイズは難しいかも、、、

    トピック投稿者 UNYORA

    (@unyora)

    8年、 5ヶ月前

    nobitaさんありがとうございます！

    子テーマでカスタマイズしていたので
    style.cssにpadding:0px;で調節できました！

    巨大なテーマでしたので、どこで定義されているかわからず助かりました！

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「テーブルの一行目の高さだけ違う」には新たに返信することはできません。

表示