セルの高さが変化しない（ワードプレス）

質問

ワードプレスを使っています。
サイドバーに表を置いているのですが、「セルの高さ」が小さくなってくれません。
<td height="15px">などと指定しても変化がありません。

セル内の上下に余計な空白ができていますので、これをなくしたいと思っています。
どうすればよいでしょうか？。

ちなみに、この表は「テーマ編集」→「 (sidebar.php)」に記述しています。

回答No.3

ORUKA1951 · ベストアンサー

ウェブページ作成となると、開発者向けツール( https://addons.mozilla.jp/firefox/extensions/developer_tools/ )の豊富なfirefoxをお使いだと思いますが、 Firebug( https://addons.mozilla.jp/firefox/details/1843 )があれば、F12でスタイルの適用が確認できるはずです。
　CMSやブログツールで、テンプレートを、そのまま使用しないのでしたら、当然HTML/CSSの知識はテキストエディタで作成できる以上の知識が必要です。なぜなら、しばしば複雑で分かり難いソースを相手にしなければならないし、そのツール独特の癖やルールの知識が必要だからです。
　★ここは理解されていますよね。

<td height="15px">
　HTML要素の属性での指定は、
『ユーザーエージェントは、HTMLソースドキュメントの体裁用の属性を尊重してよい。その場合、これらの属性は0に等しい詳細度と対応するCSS規則に変換され、それらは著者スタイルシートの先頭に挿入されたかのように扱われる。( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/cascade.html#preshint )』
　です。詳細度は0にしかなりません。
　一方、
<td style="padding:0px;">
の場合は「HTMLでは、要素の"style"属性値は、スタイルシート規則である。これらの規則はセレクタを持たないので、a=1、b=0、c=0、かつd=0。( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/cascade.html#specificity )」

　他での指定（セレクタや詳細度）がどうなっているか分かりませんが、
tableの関連したプロパティは
　border-collapse、border-spacing、line-height、height、paddingなどが関わります。
　firebugで、その要素にどのようなスタイルが、どうカスケーディングの上、有効になっているかを確認してみましょう。
　少なくとも、セレクタやカスケーディングはCSS(カスケーディングスタイルシート)の命ですから、それを理解したうえで指定すると簡単です。
5 セレクタ( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/selector.html )
6 プロパティ値とカスケーディング、継承の割り当て( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/cascade.html )

お礼

ご回答ありがとうございます。
いただいた情報を参考にしながら、もう一度整理してみたいと思います。

回答No.2

ONEONE

ブラウザの開発者ツールは使っていますでしょうか？
F12キーで出てきます。

あたってるスタイルを確認したり、変更できます。

お礼

ご回答ありがとうございます。
F12を押すとソースが出てきますが、そういうものは使っていません。

回答No.1

dolittle0

style.css で td に対して、padding等の設定がされていないでしょうか？

お礼

ご回答ありがとうございます。

<td style="padding:0px;">としています。
ですので、この影響はないと思います。