サイドバーの表に枠線が表示されない



  • 質問です。
    サイドバーに表を挿入したのですが、枠線が何をしても表示されません。
    サイドバーの編集画面では枠線が表示されている+センターも取れていますが、実際の画面を見ると枠線は表示されておらず、上よりになってしまいます。
    解決方法はありますでしょうか・・・?

    <a href="https://datsushachiku.com/shisanhoukoku">先月の収益</a>(8131円)
    <table style="height: 168px; width: 302px; border-collapse: collapse; border-color: #000000;" border="1">
    <tbody>
    <tr style="height: 24px;">
    <th style="width: 42.029%; height: 24px; background-color: #a1f081; text-align: center;">副業</th>
    <th style="width: 43.1764%; height: 24px; background-color: #a1f081; text-align: center;">収益額</th>
    </tr>
    <tr style="height: 24px;">
    <td style="width: 42.029%; height: 24px; text-align: center;">ブログ</td>
    <td style="width: 43.1764%; height: 24px; text-align: center;">938円</td>
    </tr>
    <tr style="height: 24px;">
    <td style="width: 42.029%; height: 24px; text-align: center;">YouTube</td>
    <td style="width: 43.1764%; height: 24px; text-align: center;">0円</td>
    </tr>
    <tr style="height: 24px;">
    <td style="width: 42.029%; height: 24px; text-align: right;"><strong>合計</strong></td>
    <td style="width: 43.1764%; height: 24px; text-align: right;">938円</td>
    </tr>
    </tbody>
    </table>
    上記のコードでダメでした。。。

    0_1580907438632_キャプチャ.JPG


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン :
    ご利用のサーバー名 :
    PHPのバージョン :
    OS :
    ご利用のブラウザ :
    該当サイトのURL : https://datsushachiku.com


  • administrators

    @ゆーた さん

    こんにちは!JIN運営チームのりょうたです。
    この度はJINご利用いただき誠にありがとうございます。

    <a href="https://datsushachiku.com/shisanhoukoku">先月の収益</a>(8131円)
    <table style="height: 168px; width: 302px; border-collapse: collapse; border-color: #000000; " border="1">
    <tbody>
    <tr style="height: 24px; border: 1px solid #000;">
    <th style="width: 42.029%; height: 24px; background-color: #a1f081; text-align: center;  vertical-align: middle;border-right: 1px solid #000;">副業</th>
    <th style="width: 43.1764%; height: 24px; background-color: #a1f081; text-align: center; vertical-align: middle;">収益額</th>
    </tr>
    <tr style="height: 24px; border: 1px solid #000;">
    <td style="width: 42.029%; height: 24px; text-align: center; border-right: 1px solid #000;vertical-align: middle;">ブログ</td>
    <td style="width: 43.1764%; height: 24px; text-align: center;vertical-align: middle;">938円</td>
    </tr>
    <tr style="height: 24px; border: 1px solid #000;">
    <td style="width: 42.029%; height: 24px; text-align: center; border-right: 1px solid #000;vertical-align: middle;">YouTube</td>
    <td style="width: 43.1764%; height: 24px; text-align: center;vertical-align: middle;">0円</td>
    </tr>
    <tr style="height: 24px; border: 1px solid #000;">
    <td style="width: 42.029%; height: 24px; text-align: center; border-right: 1px solid #000;vertical-align: middle;"><strong>合計</strong></td>
    <td style="width: 43.1764%; height: 24px; text-align: center;vertical-align: middle;">938円</td>
    </tr>
    </tbody>
    </table>
    

    これでどうでしょうか?