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

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

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

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

No.1 回答者： dolittle0 回答日時： 2014/08/13 21:50

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

この回答へのお礼

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

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

お礼日時：2014/08/13 22:05

No.2 回答者： ONEONE 回答日時： 2014/08/13 22:21

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

F12キーで出てきます。

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

この回答へのお礼

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

お礼日時：2014/08/13 22:34

No.3 ベストアンサー 回答者： ORUKA1951 回答日時： 2014/08/14 08:20

　ウェブページ作成となると、開発者向けツール(

https://addons.mozilla.jp/firefox/extensions/dev … )の豊富な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/CSS … )』
　です。詳細度は0にしかなりません。
　一方、
<td style="padding:0px;">
の場合は「HTMLでは、要素の"style"属性値は、スタイルシート規則である。これらの規則はセレクタを持たないので、a=1、b=0、c=0、かつd=0。( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )」

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

この回答へのお礼

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

お礼日時：2014/08/14 21:18