tableの枠線が消えない。border:noneが効かない。楽天アフィリエイトの枠線…
どうも。
久々にワードプレスカスタマイズ記事です。
このブログを作った初期にやっていたことですが、画像の周りを枠線で囲むようにしました。
これのせいかどうかちょっとわからないのですがいつの間にか「tableタグ」に枠線がつくようになっていました。
(追記)この画像の枠線については別問題かな。たぶん。
特に楽天の広告リンクを貼ると枠が気持ち悪くてしかたない。
ということで「tableの枠線を消す」カスタマイズ記事です。
tableの枠線を消す
うちのブログではtableタグなんて使わないのでCSSで一気にやっちゃおうと思う。
たぶん大丈夫だろう…と思って、いろいろ試してみました。
CSSにnoneを使ってブログ全体のtableのborderを消そうとしたり、個別のコードについてそれぞれタグをつけて消そうとしました。
これらの先人の知恵を借りたのですが、すべて不発に終わりました。
borderは消す気満々だったのですが、ちょっとお手上げです。
見栄えが悪いだけで、致命的ではないのでとりあえず置いておきますが…どうしたらいいのかしら?
一応tableに関係しそうなCSSの一部分を記載しておきます。
/*--------------------------------
エディタ用
---------------------------------*/
/*テーブル */
.post table {
border-top: 1px #999 solid;
border-right: 1px #999 solid;
}
table tr td {
padding: 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #999;
border-left-color: #999;
font-size: 14px;
line-height: 25px;
}
.post table tr:nth-child(even) {
background-color:#f3f3f3;
}
#main .post table {
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #999;
border-right-color: #999;
color: #333;
}
ここ以外にも要因はあると思うけど…わかりません。
いっそのことテーマを変えたらいいかな?
まとめ
ということで無理でした。
上に貼ったリンクたちはとても有用な情報が書いてあるので参考にしてみてください。
336adosensu
336adosensu
関連記事
-
ワードプレスで他のサイトをスクリーンショット画像とタイトル付きリンクで紹介するプラグイン?
スポンサーリンク ワードプレスの記事中で他のサイトをスクリーンショット画像とタイ …
-
STINGER5でサイドバー上部にプロフィール欄を設置する方法
スポンサーリンク ワードプレステーマSTINGER5でサイドバーの最上部にプロフ …
-
エアコン臭い!市販のスプレー「アースエアコン洗浄スプレー防カビプラス」が効いた!業者に頼む前に
嫁から一言。 「エアコンが、くっさいの」 千鳥のノブのように言った。 そんな事言 …
-
[WordPress]phpをいじってヘッダー右側に相互RSSを設置する方法
スポンサーリンク [WordPress]phpをいじってヘッダー右側に相互RSS …
-
アクセス数の激減。cocoonに変更直後から。もとに戻して確認してみる
どうも。 先日、衝撃のメールが届きました。 グーグルアナリティクスからアクセス解 …
-
便利スギィ!!投稿編集画面でペイント・お絵かき出来るワードプレスプラグイン「deviantART muro」
ワードプレスの記事投稿で画像を使用したい時に、 「ペイント等で画像を作成・保存→ …
-
[STINGER5]サイドバーのウィジェットとかの順番を入れ替える方法
スポンサーリンク [STINGER5]サイドバーのウィジェットとかの順番を入れ替 …
-
動画から簡単にアイキャッチを取得するワードプレスプラグイン「Video Thumbnails」
どうも。 Flickerからアイキャッチの画像を持ってくることがほとんどですが、 …
-
[STINGER5]トップへ戻るのボタンを好きな画像に変更する方法「PageTop」
スポンサーリンク [STINGER5]トップへ戻るのボタンを好きな画像に変更する …
-
熊本でUQモバイル安くMNPできるとこは?
どうも。 いまのスマホはNEXUS5です。 特に不便はしてないのですが、なんか新 …
Comment
うーん無能