サポート » 使い方全般 » テーブル内に不要なpadding(?)が設定される

  • 解決済 jinchan

    (@jinchan)


    テーマ:Twenty Ten V1.5

    Twenty Ten の style.css で tr,th,td の padding:0 と設定していても
    table作成すると、table 内セルの文章の両サイドに1.5文字分くらいの空白
    (padding(?))が出来てしまいます。

    余計な空白(padding)は除去して、表内は、文字をつめて表示させたい
    のですが、これができません。
    サンプルコードを書きますので、どうすれば良いのか、どなたか、お分かりの方
    ご教示お願いします。

    1)Twenty Ten の style.css の table関係部分

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    	/*background: transparent;*/
    	border: 0;
    	margin: 0;
    	padding: 0;
    	vertical-align: baseline;
    }

    2)元のコード

    <table width="772" border="1" style="border-collapse : collapse;" rules="all">
    <tr bgcolor="#FFFF00">
    <td width="250">
    <div align="center"><strong>設問</strong></div>
    </td>
    <td width="250">
    <div align="center"><strong>回答</strong></div>
    </td>
    <td width="250">
    <div align="center"><strong>問題点</strong></div>
    </td>
    </tr>
    <tr>
    <td height="82" valign="top" bgcolor="#FFFF00"><p>同社は昨年1月、エジプトで販売を始め、西アフリカのコートジボワールで現地法人を設立した。新たに東側にも拠点を置くことでアフリカ市場での事業を拡大する。</td>
    <td valign="top" bgcolor="#FF9FFF">現在、26カ国・地域で事業展開し、新興国開拓で2011年度に51%の海外利益率を13年度には56%に引き上げる計画だ。ケニア、タンザニア、ウガンダ、ルワンダ、ブルンジで構成し、域内関税の撤廃など市場統合が進んでいる。</td>
    <td valign="top" bgcolor="#66FFFF">  ケニアなどに拠点を設け、うま味調味料の販売を検討している。アフリカ市場では、スイスの大手食品会社などが先行するが、「どんな料理にでもあう特長をいかしたい」と差別化を図る。</td>
    </tr>
    </table>

    3)ブラウザ(Firefox18.0)表示時のコード

    このコードでDreamweaverMX2004でブラウザプレビューすると
    paddingなしで表示されるのですが、なぜか、wordpressの投稿欄に
    のせると、padding が入ってしまうのです。

    <table width="772" border="1" style="border-collapse : collapse;" rules="all">
    <tr bgcolor="#FFFF00">
    <td width="250">
    <div align="center"><strong>設問</strong></div>
    </td>
    <td width="250">
    <div align="center"><strong>回答</strong></div>
    </td>
    <td width="250">
    <div align="center"><strong>問題点</strong></div>
    </td>
    </tr>
    <tr>
    <td height="82" valign="top" bgcolor="#FFFF00">
    <p>同社は昨年1月、エジプトで販売を始め、西アフリカのコートジボワールで現地法人を設立した。新たに東側にも拠点を置くことでアフリカ市場での事業を拡大する。</td>
    <td valign="top" bgcolor="#FF9FFF">現在、26カ国・地域で事業展開し、新興国開拓で2011年度に51%の海外利益率を13年度には56%に引き上げる計画だ。ケニア、タンザニア、ウガンダ、ルワンダ、ブルンジで構成し、域内関税の撤廃など市場統合が進んでいる。</td>
    <td valign="top" bgcolor="#66FFFF">  ケニアなどに拠点を設け、うま味調味料の販売を検討している。アフリカ市場では、スイスの大手食品会社などが先行するが、「どんな料理にでもあう特長をいかしたい」と差別化を図る。</td>
    </tr>
    </table>
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • jinchanさん

    1)で示されているのは、スタイルをリセットするための指定です。

    リセットした上で、別にテーブル用のスタイルが記述されています。

    例 style.css line:534あたりを確認していただくと いいです。

    #content tr td {
    	border-top: 1px solid #e7e7e7;
    	padding: 6px 24px;
    }
    トピック投稿者 jinchan

    (@jinchan)

    nobita さん

    いつもありがとうございます。
    わかってないない、ということがよくわかりました。
    大変勉強になりました。ありがとうございます。

    line:534 の padding:0 0;

    にしたところ、padding がなくなりました。
    解決しました。
    ありがとうございました。
    これからもよろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「テーブル内に不要なpadding(?)が設定される」には新たに返信することはできません。