KASABUTA-ENDLESS

*

tableの枠線が消えない。border:noneが効かない。楽天アフィリエイトの枠線…

   

どうも。

久々にワードプレスカスタマイズ記事です。

このブログを作った初期にやっていたことですが、画像の周りを枠線で囲むようにしました。

ブログの写真・画像に枠をつけてチョット綺麗に見せる方法

これのせいかどうかちょっとわからないのですがいつの間にか「tableタグ」に枠線がつくようになっていました。

(追記)この画像の枠線については別問題かな。たぶん。

特に楽天の広告リンクを貼ると枠が気持ち悪くてしかたない。

ということで「tableの枠線を消す」カスタマイズ記事です。

スポンサーリンク

tableの枠線を消す

うちのブログではtableタグなんて使わないのでCSSで一気にやっちゃおうと思う。

たぶん大丈夫だろう…と思って、いろいろ試してみました。

CSSにnoneを使ってブログ全体のtableのborderを消そうとしたり、個別のコードについてそれぞれタグをつけて消そうとしました。

free.celux.jp
http://free.celux.jp/webdesign/affinger4/1711111affinger4
http://free.celux.jp/webdesign/affinger4/1711111affinger4

これらの先人の知恵を借りたのですが、すべて不発に終わりました。

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;
}

ここ以外にも要因はあると思うけど…わかりません。

いっそのことテーマを変えたらいいかな?

まとめ

ということで無理でした。

上に貼ったリンクたちはとても有用な情報が書いてあるので参考にしてみてください。

 - WordPress

336adosensu

336adosensu

Message

メールアドレスが公開されることはありません。

  関連記事

[WordPress]記事の終わりにプロフィール・著者情報を自動挿入してくれるプラグインですって

スポンサーリンク [WordPress]記事の終わりにプロフィール・著者情報を自 …

センス良いね!画像をポップアップで拡大表示するワードプレスプラグイン

Photo:Le Danseur by Roy Barnett Jr. &nbs …

[Hueman使い方]サイドバーの背景色を変更する方法。その2

スポンサーリンク [Hueman使い方]サイドバーの色を変更する方法。その2 前 …

パーマリンクのカスタムURLは日本語の記事タイトル名じゃあかんのや!!

スポンサーリンク ワードプレスの記事をツイートボタンからツイートしてもらったとき …

スターサーバー(旧ミニバード)のFTPからダウンロードは50Mの制限があるのでFilezillaを使う

どうも。 久々にワードプレスのテーマを変更しようと思ってます。 テーマ変更すると …

便利っぽいプラグイン「Pixabay_images」でエラー「Parse error:」

どうも。 さきほど久しぶりにブログのプラグインの更新をしてみました。 すべて一括 …

STINGER5のヘッダーをカスタマイズしますよ。

ヘッダーは超重要だと思いませんか? 人に例えると「顔」にあたると個人的に思ってい …

computer system data screengrab
wordpress「Parse error: syntax error, unexpected~backwpup/backwpup.php on line 69」PHPバージョンアップで治る

どうも。 久しぶりにブログのプラグインをアップデートしたところ、やはりエラーが発 …

【WordPress】Cocoonをダウンロードし、導入・インストールしてみる

どうも。 ゲーマーな私ですが現在やるゲームがないし、テレビは家族に占領されている …

[STINGER5]カテゴリーでの親子階層の段差を表示する方法

スポンサーリンク STINGER5カスタマイズ…カテゴリーの親子で階層表示の段差 …