###前提・実現したいこと
tableを使って表を作っています。
編集をしようとしている箇所 <span id="A">内では使えるタグに制限があり、
classやidを付けることが出来ません。
(補足 <span id="A">内には複数のtableがあり、それぞれに異なる余白を設けたいです)
###発生している問題・エラーメッセージ
余白などをcellpaddingで調整しなくてはならないのですが、
ページ全体にはreset.cssがリンクされているため
そちらが優先されてしまいcellpaddingが効きていないようです。
###ソースコード
html
1<span id="A"> 2 3<table width="100%" border="0" cellspacing="1" cellpadding="15" bgcolor="#ccc"> 4<tr> 5<td bgcolor="#000" align="center" colspan="2"> 6<font color="#fff">よくある質問</font></td> 7</tr> 8 <tr> 9 <th bgcolor="#fff">質問1</th> 10 <td bgcolor="#fff">質問1への回答</td> 11 </tr> 12</table> 13 14<table width="100%" border="0" cellspacing="1" cellpadding="5" bgcolor="#ccc"> 15 <tr> 16 <th bgcolor="#fff">今月の休業日</th> 17 <td bgcolor="#fff">2日、3日、4日、10日、11日、12日、17日、18日、24日、25日、31日</td> 18 </tr> 19</table> 20 21</span>
reset.cssより該当箇所
css
1body, h1, h2, h3, h4, h5, h6, p, br, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form { 2 margin: 0; 3 border: none; 4 font-style: normal; 5 font-weight: normal; 6 font-size: 100%; 7 text-align: left; 8 list-style-type: none; 9 padding-top: 0; 10 padding-right: 0; 11 padding-bottom: 0; 12 padding-left: 0; 13}
自分なりに考えて、cssにid="A"の箇所のみを
初期値に戻せないか以下の記述をスタイルシートに足してみましたが、変化はありませんでした。
css
1#A table, th, td { 2 padding-bottom: initial; 3 padding-left: initial; 4 padding-right: initial; 5 padding-top: initial; 6 }
なにかアドバイスを頂けますでしょうか。
よろしくお願いします。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/10/09 06:34
2015/10/09 06:51
2015/10/09 07:35