表のhtmlを入力すると、表の上部に数行～十数行分の余白ができてします。

質問

ブログを長らくやっていますが、htmlは超初心者です。

「html 表」と検索して、いくつかのhtmlをコピーしてみました。
それを、書いた文章のあとにペーストすると、必ず、文章と表の間に、タイトルに書いたよう、かなりのスペースができてしまします。

たとえば、このようなhtmlをペーストしたのですが…

<Table Border>
<Tr>
<Td>
ここに文字やデータを入れこみます。<Br>
テーブルタグはこれが基本です。
</Td>
</Tr>
</Table>

または

<Table Border>
<Tr>
<Td>1列1行</Td><Td>2列1行</Td><Td>3列1行</Td> </Tr>
<Tr>
<Td>1列2行</Td><Td>2列2行</Td><Td>3列2行</Td> </Tr>
<Tr>
<Td>1列3行</Td><Td>2列3行</Td><Td>3列3行</Td> </Tr>
</Table>

本当に初心者のため、もしかしたらとんでもない間違いをしているのかもしれませんが…

よろしくお願いいたします。

回答No.4

wolfmuller · ベストアンサー

#1です。

最後の２行の意味は

<Table><Tr><Td>ここに文字やデータを入れこみます。<Br>テーブルタグはこれが基本です。</Td></Tr></Table>

上記のように改行をせずに一行にまとめてしまうということです。
そうすれば自動改行の設定のままで希望する表示になるはずです。

お礼

ああ、本当ですね！
一行にまとめると、余白なしになりました！

こんな何も知らない超初心者に、
二度に渡ってご親切に教えていただき、感謝しております。
本当にありがとうございました！

回答No.3

miracle3535

どこかに全角文字が入っている可能性があります。
<Td>この間は問題ありません</Td>タグ自体か、<Td></Td>
以外にスペースで全角文字が入っている可能性があります。
一度、ドラッグで青文字反転してみてください、何処かに全角の青文字反転が
出てくると思います。
少なくとも、ここで例を記述している分には問題ありません。
問題のタグを一度記載してみてください。

お礼

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

ドラッグで青文字反転させても、そのようなことはありませんでした…。
昨日、htmlを初めて使ったようなほんとうに初心者なので、こちらに手落ちがあるのは間違いないと思います、せっかくご回答いただいたのにすみません。

ちなみに、自動改行で普通に文章をうったあと、記載したhtmlを次の行にペーストしただけです。それで、文章と表の間に何行分もの空白ができています。

回答No.2

marie_blue

スペースについては1の方の回答と同意見です。
ブログで自動改行にしている場合、記事を出力する場合に<br>を自動挿入されるので、
<td></td><br>
</tr><br>
みたいなことになっているのでは。

ところで、<Table Border>というタグは正しくありません。
<table>だけで構いませんよ。

borderをつけるなら
<table border="1">
という風にサイズ指定が必要です。
0にすれば枠のないテーブルが出来ます。

お礼

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

正しくないタグ指摘までしていただきまして、ありがたいです。

自動改行をしないで書くことにしました。

回答No.1

wolfmuller

ブログに投稿するということでしょうか？

だとしたら、自動的に改行する、などの設定を外して
投稿しなければ思ったような表示になりません。

ブログの新規記事の投稿画面に改行に対する設定が
あるのが一般的だと思いますので試してみてください。

あるいは、設定はそのままで HTML 部分の改行を
全て削除してから投稿するかのどちらかです。

お礼

早速のご回答、ありがとうございます。

おっしゃるとおり、
改行の扱い　・自動改行　・htmlタグのみ
というチェックボックスがありました。
チェックボックスを右に移すと、余計な余白を消すことができました。
ありがとうございました。

ただそうすると、普通の文を入力するときに改行するときには、<BR>を改行のたび入れなければならない、ということになりますよね？

でも、表の上部のスペースがなくなり、よかったです。
ありがとうございました。

（最後の２行でおっしゃっていることが、ちょっとわかりませんでした。本当に初心者で申し訳ないです。）