1

CSS width/height of IMG および TD で尋ねられたものと非常によく似た質問があります。主な違いは、提案されたソリューションが css でテーブル ディメンションを定義することであったことです。すべての td が異なるため、このソリューションは私にはうまくいきません。

このための html は、スライスを使用して画像を作成したときに Adob​​e によって生成されました。したがって、各テーブル セルは、そこに含まれる画像スライスとまったく同じサイズになるように定義されます。画像は非常に複雑なため、手動で行うことはできません。

Adobe が生成した html をブラウザにロードすると正しく動作しますが、それを既存のプロジェクトに統合すると、td 要素の次元が変わります。開発ツールを使用してそれらを検査すると、高さと幅の両方が追加されていることがわかりますが、すべてのスタイル要素 (継承された要素を含む) をチェックすると、パディング、マージン、または境界線が表示されません。td を、含まれる画像と同じ幅と高さに明示的に定義しても、余分なスペースが得られます。

以下は、Firebug が td に影響を与えていることを示しているスタイルです。彼らです：

element.style {
   visibility: visible;
   margin: 0;
   padding: 0;
}

body {
   font-size: 12px;
   color: #3c1a1a;
   font-family: Georgia;
}

.slide {
   list-style: disc outside none;
}

.TL {
   border-collapse: separate;
   background: none repeat scroll 0 0 transparent;
   border: 0 none;
   border-spacing: 0;
}

そして、ここに img に影響を与えるスタイルがあります (継承のために多くの td スタイルを繰り返します):

element.style {
   visibility: visible;
}

body {
   font-size: 12px;
   font-family: Georgia;
   color: #3c1a1a;
}

.slide {
   list-style: disc outside none;

.TL {
   background: none repeat scroll 0 0 transparent;
   border: 0 none;
   padding: 0;
   border-collapse: separate;
}

Adobe が生成した html のサンプルを次に示します。

<table class="override" id="Table_02" width="470" height="628" border="0" cellpadding="0" cellspacing="0">
   <tr>
     <td colspan="15" style="padding: 0px; margin: 0px;">
        <img class="TL" src="Images/Map1/map/Interactive-Map_01.gif" width="449" height="56" alt="Location of Cairo">
     </td>
     <td>
        <img class="TL" src="Images/Map1/map/spacer.gif" width="1" height="56" alt="just a spacer">
     </td>
   </tr>

これらのルールがどのように追加の次元を追加するのか、私には一生分からない。この余分なスペースが td 要素に追加される理由を誰か提案できますか?

よろしくお願いします。ケイト

4

0 に答える 0