• ベストアンサー

テーブルタグの間の枠を無くしたい!

私はHPを作っているのですが、テーブルタグを使用した時に、 テーブルとテーブル、もしくはセルとセルの間に空間が開いてしまいます。 TABLE部分は<TABLE>としか入力していませんが、 <TABLE border="0">と入力しても空間が開いてしまいます。 これは元からのテーブルタグの性質なのでしょうか? それとも私のタグの記述が間違っているのでしょうか? この空間を消す方法を知っている人は教えて下さいm(_ _)m! 回答待ってます。

質問者が選んだベストアンサー

  • ベストアンサー
  • RH01
  • ベストアンサー率45% (37/82)
回答No.2

No1の者です。 >あとpaddingとspacingはどっちが縦でどっちが横なのでしょうか? どちらかが縦で、どちらかが横の設定をしているわけではなく cellspacingは、セルとセルの間の上下左右の余白 cellpaddingは、セル内の上下左右の余白 を設定しています。 (paddingもspacingも上下左右の余白を一括で指定) 両者の違いは、罫線を引いた状態だとわかりやすいですが <table width="200" border="1" cellpadding="10" cellspacing="5"> <tr> <td>aaaaaaaaa</td> <td>bbbb</td> </tr> </table> という設定だと、罫線同士の間に余白が5、 罫線の中(セル内)の余白が10となります。 実際に上記のソースをコピペしてみると意味がわかりやすいと思います。 ちなみに、cellpadding(セル内の余白)の方は CSS(スタイルシート)で上下左右別々に設定することもできますが 余白を消したいだけであれば気にしなくてOKです。

Omega3tf
質問者

お礼

これで完全にスッキリしました!! 本当に感謝感激です!!

すると、全ての回答が全文表示されます。

その他の回答 (1)

  • RH01
  • ベストアンサー率45% (37/82)
回答No.1

こんにちは。 <table cellpadding="0" cellspacing="0"> とするとセルとセルの間の余白(cellspacing)や セル内の余白(cellpadding)が0になります タグのリファレンスを掲載しているサイトもあるので (ご存知かもしれませんが)他のタグでも困ったことがあったら のぞいてみるといろいろわかりますよ♪

参考URL:
http://www.htmq.com/html/table.shtml
Omega3tf
質問者

お礼

RH01さん ありがとうございます! 早速試してみます。 あとpaddingとspacingはどっちが縦でどっちが横なのでしょうか?

すると、全ての回答が全文表示されます。

関連するQ&A