ブログに表を貼ると上に空白ができる
ブログにTableタグで表を貼り付けた時、表の上部に広くスペースができてしまうことがあります。
これは、自動で改行が入ってしまうために起きます。
こんな感じです。表との間にスペースは入れていないのですが、広いスペースが空いてしまいます。
| 項 目 | 猫 | 犬 |
| 鳴き声 | にゃん | わん |
| うなり声 | フー | うぉーん |
| 性格 | 自由奔放 | 順応 |
| 社会性 | 協調性なし | 協調性あり |
タグは下のようになっています。このように、複数の行に書くと自動で改行が入ってしまうため、表の上部にスペースができます。
<Table Border><Tr>
<Td>項 目</Td><Td>猫</Td><Td>犬</Td> </Tr>
<Tr>
<Td>鳴き声</Td><Td>にゃん</Td><Td>わん</Td> </Tr>
<Tr>
<Td>うなり声</Td><Td>フー</Td><Td>うぉーん</Td> </Tr>
<Tr>
<Td>性格</Td><Td>自由奔放</Td><Td>順応</Td> </Tr>
<Tr>
<Td>社会性</Td><Td>協調性なし</Td><Td>協調性あり</Td> </Tr></Table>
スペースが空かないようにするには、改行せずに、続けて書きます。
こんな感じです。
<Table Border><Tr><Td>項 目</Td><Td>猫</Td><Td>犬</Td> </Tr><Tr><Td>鳴き声</Td><Td>にゃん</Td><Td>わん</Td> </Tr><Tr><Td>うなり声</Td><Td>フー</Td><Td>うぉーん</Td> </Tr><Tr><Td>性格</Td><Td>自由奔放</Td><Td>順応</Td> </Tr><Tr><Td>社会性</Td><Td>協調性なし</Td><Td>協調性あり</Td> </Tr></Table>
そうすると、スペースの空かない表を貼り付けることができます。
| 項 目 | 猫 | 犬 |
| 鳴き声 | にゃん | わん |
| うなり声 | フー | うぉーん |
| 性格 | 自由奔放 | 順応 |
| 社会性 | 協調性なし | 協調性あり |
【追記 2010.11.21】
実は、このタグをつなげる作業は結構大変です。Seesaaブログの場合には、このようなことをしなくても、スペースの空かない表を簡単に作ることができます。
方法（Seesaaブログ）
［設定］⇒［記事設定］
「改行HTMLタグ変換」で、［改行を＜br /＞タグに変換しない］にチェックを入れる。
この設定のあとで『新規記事』を開き、表を書けば、上部にスペースのあかない表ができます。自動で改行されないためです。
Seesaaブログの場合、この設定は、その記事にのみ適用されます。このタグ設定を変更しても、アップロード済みの記事には反映されません。逆に言うと、アップロードした記事を見て、表がおかしいのでこの設定をしたとしても、その変更は反映されないと言うことです。設定を変更した後で、『新規記事』に張り直すというのが最も早い方法だと思います。
普段、［改行を＜br /＞タグに変換する］で作業をしているのであれば、表のある記事を書いた後は、忘れずに、もとに戻しておく必要があります。
