質問: セルの高さが変化しない(ワードプレス) ワードプレスを使っています。 サイドバーに表を置いているのですが、「セルの高さ」が小さくなってくれません。 などと指定しても変化がありません。 セル内の上下に余計な空白ができていますので、これをなくしたいと思っています。 どうすればよいでしょうか?。 ちなみに、この表は「テーマ編集」→「 (sidebar.php)」に記述しています。 |
回答: ウェブページ作成となると、開発者向けツール( https://addons.mozilla.jp/firefox/extensions/developer_tools/ )の豊富なfirefoxをお使いだと思いますが、 firebug( https://addons.mozilla.jp/firefox/details/1843 )があれば、f12でスタイルの適用が確認できるはずです。 cmsやブログツールで、テンプレートを、そのまま使用しないのでしたら、当然html/cssの知識はテキストエディタで作成できる以上の知識が必要です。なぜなら、しばしば複雑で分かり難いソースを相手にしなければならないし、そのツール独特の癖やルールの知識が必要だからです。 ★ここは理解されていますよね。 html要素の属性での指定は、 『ユーザーエージェントは、htmlソースドキュメントの体裁用の属性を尊重してよい。その場合、これらの属性は0に等しい詳細度と対応するcss規則に変換され、それらは著者スタイルシートの先頭に挿入されたかのように扱われる。( http://momdo.s35.xrea.com/web-html-test/spec/css21/cascade.html#preshint )』 です。詳細度は0にしかなりません。 一方、 の場合は「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 ) | |