/ /私のテーブルに何が問題なの? - html

私のテーブルに何が問題なの? - html

テーブルのコードを以下に示します:

<table align="center" width="303" height="740" border="1" cellpadding="10">
<tr>
<th width="130" height="41" scope="col">URL1 - Normal</th>
<th width="121" scope="col">URL2  - Hover</th>
</tr>
<tr>
<td height="94"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green.png"/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green-h.png" alt=""/></td>
</tr>
<tr>
<td height="124"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-blue.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-blue-h.png" alt=""/></td>
</tr>
<tr>
<td height="147"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-grey-h.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-grey.png" alt=""/></td>
</tr>
<tr>
<td height="137"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-pink.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-pink-h.png" alt=""/></td>
</tr>
<tr>
<td height="132"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-red.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-red-h.png" alt=""/></td>
</tr>
<tr>
<td height="132"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-black.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-black-h.png" alt=""/></td>
</tr>
</table>

テーブルを挿入すると、テーブルとテキストの間に隙間ができます。私がテーブルを取り除くと、すべてうまくいく。ここで何がうまくいかないの?

回答:

回答№1は5

Blogspotはあなたのために改行を挿入します...そして彼らはテーブルを押し下げる。 (私はまだ回避策が見つかりませんでした。)

ソースを見ると、それらを見ることができます:

<table align="center" width="303" height="740" border="1" cellpadding="10"><br />
<tr><br />
<th width="130" height="41" scope="col">URL1 - Normal</th><br />
<th width="121" scope="col">URL2  - Hover</th><br />
</tr><br />
<tr><br />
<td height="94"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green.png"/></td><br />
...

なぜなら BR直接内部にあるときは無効です TABLETR、または後 TH または TDブラウザは、DOMをレンダリングするときに、これらの要素をテーブルの外にまたは上にプッシュします。


回答№2の場合は1

あなたがページのソースを見てみると、 <br/> タグがテーブルに散在しています(セル要素には含まれていません)。それらはテーブルの上にレンダリングされます。

あなたのHTMLが何かによって解析されているように見え、改行がBRタグに置き換えられているようです。

クイックソリューション:すべてのラインブレークを削除し、テーブルコードを1行にまとめてください:)


回答№3の場合は1

それはテーブルとは関係ありません。それは、実際には31 <br> (改行)タグの前にタグ(巨大なギャップを作成しているもの)があります。

BlogSpot(または使用しているブログサービス)のように聞こえる <br> あなたの残りの部分をどのようにフォーマットするかに基づくタグあなたのコンテンツ。可能であれば、ページのソースを編集して手動で削除してください。そうでなければ、あなたが使っているブログプラットフォームのサポート問題になります。


回答№4の場合は0

これは、あなたのものと何も関係がありません table マークアップ。そのページのHTMLソースを見ると約30 <br> タグをテーブルの前に配置します。彼らは明らかに余分なスペースに責任があります。

なぜあなたは30を得る <br> タグを挿入する際のタグは、どのようにするべきか blogspot.com あなたのコンテンツをフォーマットしています。あなたの最善の策は、手でHTMLを編集して <br> タグ。あなたがそうすることができない場合、または <br> HTMLを編集するときにタグが表示されない場合、Blogspotのカスタマーサービスの質問です。