Aのテ-ブルが格子状になるようCSSで設定しました。
その中にBのテーブルを入れ、このテーブルは罫線なしで表示したいのですが、
テーブルAのtdの設定がどうやっても消えてくれないので困っています。
▼試した事
・テーブルBのクラスをborder-style:none
・テーブルBのクラスに白い罫線を付けてみる
・テーブルBにスタイルでnoder-style:none
▼ソース(簡略)
.t-a{
border-top:solid 1px #C4772B;
border-right:solid 1px #C4772B;}
.t-a td{
border-bottom:1px solid #C4772B;
border-left:1px solid #C4772B;}
<table class="t-a">
<tr>
<td>テーブルA</td>
<td>テーブルA</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>テーブルB</td>
<td>テーブルB</td>
<td>テーブルB</td>
</tr>
<tr>
<td>テーブルB</td>
<td>テーブルB</td>
<td>テーブルB</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>テーブルA</td>
<td>テーブルA</td>
</tr>
</table>
テーブルBのborder-style:noneが反映されなかったので、テーブルBのCSSは削除していまいました。
力を貸してください。
No.1ベストアンサー
- 回答日時:
スタイルシートに以下を追加してみてください
.t-a table td{
border:0px solid;
}
ありがとうございます。
.t-a table td{
border:0px solid;
}
だけだとtdしか反映されずtableに付けた上と右の線が消えなかったため、
.t-a{
border-top:solid 1px #C4772B;
border-right:solid 1px #C4772B;
border:0px solid;}
.t-a td{
border-bottom:1px solid #C4772B;
border-left:1px solid #C4772B;
border:0px solid;}
とそれぞれに付けたところ無事消えました。
大変助かりました。
ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- Perl PERL 1 2022/04/26 14:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
一部CSSを無効にする
-
tableのheight指定が効かない
-
画像と、セルのつなぎ目に白い...
-
Windowsでテーブルが下に下がる
-
HTMLでテーブルを横に並べる方法
-
【CSS】縦横スクロールテーブル...
-
縦に画像を並べるときのCSS
-
テーブルでスクロールを同期したい
-
ホームページのテーブルに斜線...
-
表のセル(<td></td>)に外部ペー...
-
テーブルの高さ幅の固定方
-
インラインフレームの隣に画像...
-
右つめにしたテーブルの左の余...
-
テーブル入れ子にしたらNNでは...
-
テーブル内に画像を表示したい。
-
CSSで同一行で左右揃え
-
line-heightをページ全体に適用...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
ウィンドウのサイズを変えても...
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
ヘッダー固定のスクロールが可...
-
tableのheight指定が効かない
-
箇条書きリストのすぐ横に画像...
-
【CSS】縦横スクロールテーブル...
-
DWで、デザインビューに表示さ...
-
更新するとずれる?
-
複数のテーブルを無条件に中央...
-
2つのテーブルを左右に表示した...
-
一つのテーブル内の文字色だけ...
-
<SPAN>で文字を右揃えにしたい...
-
テーブルでスクロールを同期したい
-
画像の横にテーブルを。。。
-
テーブルの高さ幅の固定方
-
スタイルシートで、画像の横に...
おすすめ情報