0

基本的な CSS の問題と思われる問題が発生しています。

テーブル内にテーブルがあり、埋め込まれたテーブルには、ロールオーバー グラフィックの変更をサポートするスライスされたイメージが含まれています。

組み込みテーブルの 2 行目は、最初の行とそれ自体の間にスペースを取得しています。

HTMLマークアップは次のとおりです。

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<th class="appResourceHead text14px textBold">Parametric Search</th>
</tr>
<tr>
        <td class="appResourceBodyNoPad text12px">
        <table border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td> <a href="http://web.centralsemi.com/paraSearch/parametricSearch_v1_1.php">
              <img src="http://www.centralsemi.com/centralSemi/images/Parametric_Search_01.png" width="163" height="132" style="border-style: none;" />
            </a>

          </td>
          <td> <a href="http://web.centralsemi.com/paraSearch/parametricSearch_v1_1.php">
              <img src="http://www.centralsemi.com/centralSemi/images/Parametric_Search_02.png" width="67" height="132" style="border-style: none;" />
            </a>

          </td>
        </tr>
        <tr>
          <td> <a href="http://web.centralsemi.com/paraSearch/parametricSearch_v1_1.php">
              <img src="http://www.centralsemi.com/centralSemi/images/Parametric_Search_03.png" width="163" height="48" style="border-style: none;" />
            </a>

          </td>
          <td><a href="http://web.centralsemi.com/paraSearch/parametricSearch_v1_1.php">
              <img src="/centralSemi/images/Parametric_Search_04.png" rel="/centralSemi/images/Parametric_Search_Down_04.png" class="rollover" width="67" height="48" style="border-style: none;" />
              </a>
         </td>
        </tr>
      </table>
      </td>
  </tr>
</table>

マークアップの動作を示す次の jsfiddle があります。

http://jsfiddle.net/5bZtz/

Firefox と Chrome でテーブルを見るとスペースがありませんが、IE では jsfiddle の例のようにスペースが表示されます。

4

2 に答える 2

1

cssに以下のコードを追加するだけです。

    td {
    line-height:0;
    }

ここであなたのフィドルを更新します。よろしくお願いします！http://jsfiddle.net/5bZtz/1/

幸運を ..）

于 2013-01-14T15:18:00.487 に答える
0

<a href="http://web.centralsemi.com/paraSearch/parametricSearch_v1_1.php"><img ... /></a>cssプロパティに追加：display:block;およびheight:132px;

于 2013-01-14T14:10:44.380 に答える