会員サイトをリニューアルしました! 新サイトはこちら

テーブルの枠線を消したいです < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

テーブルの枠線を消したいです
 
通知
すべてクリア

[解決済] テーブルの枠線を消したいです

6 投稿
5 ユーザー
2 Likes
1,540 表示
archinote
(@archinote)
New Member
Topic starter
 

お世話になります。

テーブルの枠線をすべて消したく、CSS追加してみたり色々やってみたのですが、どうしても消すことができません。

https://archinote.net/profile/

table, th, tr, td {border: solid 1px #fff;}と枠線を白くすることで見かけ上消そうとしても一番外枠だけが残ってしまいます。

ついでに、セル内のテキストを自動改行をさせないようにしたく、クラシックエディタでtdタグ内にnowrapを入れることでできましたが、ほかにスマートな方法はないでしょうか。

お手数おかけします、よろしくお願いいたします。

 
投稿済 : 20/04/2021 2:10 pm
RYO
 RYO
(@fryo)
Eminent Member
 

@archinoteさん

.post_content td, 辺りにcssの設定が必要です。
ディベロッパーツールを使って確認される事をおすすめします 😉 

 
投稿済 : 21/04/2021 3:18 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

RYOさんのおっしゃる通り、CSSには詳細度というものがあるので、それを意識していただくと良いかと思います!

 
投稿済 : 21/04/2021 3:36 am
archinote
(@archinote)
New Member
Topic starter
 

ご教授ありがとうございました!

デベロッパーツールでmain.css中の.post_content tableにborder設定を見つけました。

 
投稿済 : 21/04/2021 5:18 am
kentitti
(@kentitti)
Active Member
 

枠線を消したいことについて、参考にさせていただきましたが、どこをどう設定してよいのか分かりません。

高度な設定<追加 CSS クラス<border:none

のようにしましたが、消えないという現状です。

 
投稿済 : 17/10/2021 9:02 pm
かんた
(@swell-mania)
Reputable Member
 

独自カスタマイズをする場合にはデベロッパーツールで適用されているCSSを確認しつつ、コードを調整するといった作業が必要になります。

CSSの調整には専門知識が必要ですが、フォーラムではプログラム言語に関する質問はサポート外です。ご自身で試行錯誤するか、仕事としてプロの方に相談するのがおすすめです。

無料サポートについて

当サポートは、本テーマ固有の設定機能に関してのみ、可能な範囲で回答します。
以下の項目に当てはまる場合、無料サポートの対象外となります。

  • html、CSS、JavaScript、PHPなど、その他プログラミング言語に関する技術的なご質問

https://swell-theme.com/terms/

SWELLマニアというサイトを運営しています!

 
投稿済 : 18/10/2021 12:36 am
共有: