教えて!gooにおける不適切な投稿への対応について

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

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

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

gooドクター

A 回答 (3件)

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

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 … )
    • good
    • 0
この回答へのお礼

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

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

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


F12キーで出てきます。

あたってるスタイルを確認したり、変更できます。
    • good
    • 0
この回答へのお礼

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

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

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

    • good
    • 0
この回答へのお礼

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

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

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

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング