Q&A
前提・実現したいこと
http://prince9.hatenablog.com/entry/20140820/1408485051
上記urlで紹介されているGoogleチャートを使用し、作成した組織図を既存のページに表示させたいのですが
reset.cssに記載されている一部記述が原因で不要な横線が表示されてしまいます。
reset.cssの内容を書き換えずに、
border-collapse:collapse;を打ち消す方法をご教示頂きたいです。
発生している問題・エラーメッセージ
独立テストページでは無事に表示されました。
いざ既存のページに埋め込もうとした時、reset.cssに記載されている以下の記述が
原因で不要な横線が表示されてしまいます。
該当のソースコード
CSS
1table{ 2 border-collapse:collapse;border-spacing:0; 3} 4```（border-collapse:collapse;の方が原因？そちらを消したら、不要な横線も消えました） 5 6### 試したこと 7 8リセットしようとHTMLの中にCSSを埋め込み、border系のタグを複数書いてみましたが 9記述が間違えているのか大本のreset.cssから記述を消さないと、消えてくれません。 10tableのCSSが原因となっているので、指定をdivでしているのがまずいのでしょうか？ 11 12```HTML 13（略） 14 15<style type="text/css"> 16div.organization { 17border-collapse: initial; 18border-style: hidden; 19border-top: hidden; 20border-bottom hidden; 21} 22</style> 23</head> 24<body> 25<div id='orgchart_div' class="organization"></div> 26<div id='orgchart_table_div' class="organization"></div> 27</body></html>
回答1件
0
ベストアンサー
こんにちは。
不明な部分も多いので推測ですが、このようにするとどうでしょうか？
css
1div.organization table{ 2border-collapse: initial; 3}
投稿2020/09/14 07:52
編集2020/09/14 07:56
総合スコア36960
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/09/14 08:02