- 締切済み
HTMLでテーブルを作成すると上に大きなスペースが空いてしまいます。
HTMLでテーブルを作成すると上に大きなスペースが空いてしまいます。 色々ネットで検索して他の方がおっしゃる通りためしてみたのですができなくて困っています。 できないのは下記の二点です。 間違ってるところがあればご教授下さい。 1. <table width=600 border="5" bgcolor=#FFC0CB> 2. <table width=800 border=0 cellpadding=30 cellspacing=0 bgcolor=#FFB6C1><tr> <td width=0%><br></td></tr><tr> <td width=0%><br></td> <td align=left> <font color=#696969 size=3> よろしくお願いしますm(__)m
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- chile5583
- ベストアンサー率38% (44/114)
回答番号：No.2 で一度回答したものです。 あまりHTMLをわかっていらっしゃらないということですが、 簡単に言えば、１のタグに空間ができるようなタグは入っていません。 ２のタグは <td width=0%><br></td> という意味不明なタグが入っていますのでこれは不要です。tdタグがあるのに<br>(改行)タグだけがありますから、おそらくこの<br>タグが入ったtdタグがたくさんあるんじゃないでしょうか？ ２のタグを正しく書くなら、 <table width=800 border=0 cellpadding=30 cellspacing=0 bgcolor=#FFB6C1> <tr> <td align=left> <font color=#696969 size=3>テスト</font> </td> </tr> </table> こうならないといけないです。 cellpadding=30 と設定してありますので、テストという文字の周り（正確にはtdの枠の内側）に30pxの余白が上下左右にできます。 この余白をなくしたいなら、下記のようにcellpaddingの数字を減らせば行を増やしてもよけない余白が目立たなくなります。 <table width=800 border=0 cellpadding=5 cellspacing=0 bgcolor=#FFB6C1> <tr> <td align=left> <font color=#696969 size=3>テスト</font> </td> </tr> <tr> <td align=left> <font color=#696969 size=3>テスト</font> </td> </tr> <tr> <td align=left> <font color=#696969 size=3>テスト</font> </td> </tr> </table> 最初に回答したところの補足を読むと<head>タグがわからないとのことですが、HTMLの基礎ですので間違ったタグでめちゃくちゃなサイトを作らないように、最初のうちに基礎を勉強しておいた方が良いかもしれません。 <html><head><body>最初に覚えるHTMLタグはこの3つだとおもうのですが、これが分からないのにtableタグを使うと、もっと混乱してしまいます。 HTMLの基本 http://www.htmq.com/htmlkihon/004.shtml 書いたHTMLが正しいかどうかを採点してくれるサイトもあります。（かなり基礎ができていないと厳しいです） http://openlab.ring.gr.jp/k16/htmllint/htmllint.html がんばってください。
- chile5583
- ベストアンサー率38% (44/114)
<head>から</head>の間に、 <style type="text/css"><!-- table { border-collapse: collapse; margin: 0; } --></style> 上記を入れてみましょう。
- zeff
- ベストアンサー率69% (137/198)
タグとタグの間に全角スペースを使っていませんか？ 探して削除してみてください。
お礼
確認したのですが全角スペースは入っていませんでした。。。 一体なぜでしょうか。 １０行ぐらいスペースがあいてしまうのです。
補足
素人で申し訳ないのですが、もともとHeadのタグは使っていません。 headを追加で入力する場合文章として成り立つのでしょうか？ また、どの部分につければよいのでしょうか？