- ベストアンサー
tableを縦に続けるとtable間の空間が気になります
tableを使ってHPを作っていますが、tableを下記のように縦にいくつも作っていると各table間が中途半端に隙間が出来てしまいます。もっと上下のtableをくっつけたいのですが何か方法は無いでしょうか？ <table> <tr><td></td></tr></table> ------------ ここ ---------- <table> <tr><td></td></tr></table> ------------ ここ ---------- <table> <tr><td></td></tr></table>
- toto0719
- お礼率100% (9/9)
- HTML
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
<table>～</table>の中で <td>～</td>の間以外の場所に <br>や全角スペースを使っていませんか。（<tr>の前後とか） それらをすべて削除しましょう。
その他の回答 (2)
- outbrave
- ベストアンサー率60% (231/380)
<table cellpadding="0" cellspacing="0">
お礼
ありがとうございました。お陰様できれいになりました。 また宜しくお願いします。
状況があまりわかりませんが、CSSのmarginやpaddingの値は変えられましたか？
お礼
ありがとうございました。お陰様できれいになりました。 また宜しくお願いします。
関連するQ&A
- tableを作ると出来てしまう空間について教えてください。
ウインドウズでHPを作っていて、テーブルを作るときに テーブルの上に行スペースが空いてしまいます。 １、２段のテーブルではきちんと一番上からが表示されるのですが、 何段も作っていくと、どんどんテーブルが下がって上に何行ものスペースが空いてその下からテーブルが表示されてしまいます。 きちんとテーブルは表示されるのですが、その無駄な行スペースをなくし、上から表示される方法を教えてください。 ↓テーブルはこのように作っています。 この <td>・・・</td> が増えるとテーブルの上に行スペースが空いてしまいます。 <table WIDTH=500 HEIGHT=300> <tr> <td>・・・</td> <td>・・・</td> <td>・・・</td> </tr> </table>
- 締切済み
- その他（インターネット・Webサービス）
- テーブルをテーブルで囲う意味はありますか？
<table border=1> <tr><td> <table border=1> <tr><td> a </td><td> b </td></tr> </table> </td> </tr> </table> このようにテーブルをテーブルで囲う意味はありますか？ ｈｔｍｌの勉強をしていて、 ネット上でテーブルのサンプルを拾ったのですが、 上記のようにテーブルをテーブルで囲んでました。 この方法でサイト上に１００個くらいテーブルを作ってしまったのですが 今更ながらこういう書き方に意味はあるのかな？ と思い始めてきました。 意味はあるのでしょうか？
- ベストアンサー
- HTML
- tableの中にtableを作ると上部によらない
tableの中に更にtableを作りたいのですが、内側のtableが上のほうに配置されず真ん中に出てしまいます。valign=topを使ったのですがうまくいきません。何か方法はありますでしょうか？ <table height=500> <tr><td> ---------- ここと ------------ <table height=250> <tr><td></td></tr> <tr><td></td></tr> </table> ---------- ここにかなりスペースが出来てしまう(*_*) </tr></td> </table>
- 締切済み
- HTML
- table の行間があいてしまう。
自分のＨＰなのですが、 <table width="980"> <tr><td></td></tr> ・・・・Ａ テキストなど <tr><td></td></tr> ・・・・Ｂ アフィリエイトバナー １個 <tr><td></td></tr> ・・・・Ｃ アフィリエイトバナー ４個 <tr><td></td></tr> ・・・・Ｄ アフィリエイトバナー ４個 </table> <table width="980"><tr><td><img="・・・"></td></tr></table> 『ＸＰＳＰ２/ＩＥでみると』 画像などの上下間がピッタリとくっつきます。 『2000ＰＲＯ４/ＩＥや、ネットカフェのＸＰ/ＩＥで見ると』 ＣＤ間と２つのテーブルとの間だけ、１行分ぐらい空間があいてしまいます。 他は間がピッタリくっついてます。 すべてブラウザは同じで、おなじＯＳであっても同じようには表現されません。 何に左右されているのでしょうか？ また、どうしたら解決（上下をピッタリくっつかせる）できるでしょうか？
- 締切済み
- HTML
- 二つのテーブルを横に並べて表示するにはどうすれば
"<table border=10><tr><td>test</td></tr></table><table border=10><tr><td>test</td></tr></table>" のように、テーブルを二つ表示させたい時に test test と、縦に並んでブラウザに表示されてしまうのですが testtest のように、二つのテーブルを横に並べて表示するにはどうすればよいでしょうか？
- ベストアンサー
- HTML
- テーブルの中の文字を縦に表示する方法
テーブルの中の文字を縦に表示する方法はありますか？ 今はわからないので、<br>で無理やり改行しています。 もっとスマートな方法があれば教えてください。 <style type="text/css"> table { width: 50%; height: 20px; border: 2px #2b2b2b solid; } td { border: 2px #2b2b2b solid; } </style> <table> <tr> <td>よこ</td> <td>た<br>て</td> </tr> </table>
- 締切済み
- CSS
- tableにinclude fileを組み込んだら・・・
<table cellspacing="0" cellpadding="0"> <tr> <td width="480"> <table width=470" cellspacing="0" cellpadding="0"> <tr> <td width="470">・・・・</td> </tr> </table> </td> </tr> </table> を <table cellspacing="0" cellpadding="0"> <tr> <td width="480"> <!--#include file="head.html"--> </td> </tr> </table> で head.html を <table width=470" cellspacing="0" cellpadding="0"> <tr> <td width="470">・・・・</td> </tr> </table> にした場合、中のtableの上下のスペースが異なってしまいます。 どなたか、解決方法を教えてください。
- ベストアンサー
- HTML
- <table>タグ、セルの隙間
初めてなので上手く伝えられなかったらすみません。 テーブルのセルの隙間を調整したいんですが上手くできません。 <table cellspacing="0"> <tr> <th></th><td></td> </tr> ・ ・ ・ <tr> <th></th><td></td> </tr> </table> という形です。thとtdにはテキストが入っています。 縦の幅をそろえたいんですがcellspacing="0"をしても一行の高さより間隔が広いのをなんとかしたいんです。thの中に改行があるのでそれと合わせたいんです。 これはline-heightとかで何とかなりますか？一応文字サイズ変えたり見ても均一な行間になるようにしたいので高さ指定だとあまり良くないと思ってます。 CSSもいくらか分かるので、HTMLかCSSで上手い対策をごぞんじの方教えてください。
- ベストアンサー
- HTML
- テーブルを横に二つ並べて表示する方法はありますか？
テーブルを横に二つ並べて表示する方法はありますか？ 4列のテーブルを作るのではなく、 2列のテーブルを2個並べたいです。 <html> <head> <title>test</title> </head> <body> <table border=1 cellspacing=1 cellpadding=1> <tr><td>No</td><td>Destination</td></tr> <tr><td>a</td><td>b</td></tr> </table> <table border=1 cellspacing=1 cellpadding=1> <tr><td>No</td><td>Destination</td></tr> <tr><td>a</td><td>b</td></tr> </table> </body> </html> これだと、縦に２個並んでしまいます。
- 締切済み
- HTML
- ●table 更新を簡単にしたい
更新が多いHPの更新を少し簡単にしたいと思っています。 そのHPでは、商品画像がいくつも並んでいます。 <table> <tr><td>(1)</td><td>(2)</td><td>(3)</td></tr> <tr><td>(4)</td><td>(5)</td><td></td>なし</tr> </table> たとえば上記のようになっていて、 A：(3)が売り切れたときに (1) (2) (4) (5) のようにしたい。 または、新しい”０”という商品が出たときに、 B： ０ (1) (2) (3) (4) (5) というようにしたい。 というA・Bふたつの作業を多く行っています。 普段は、TDをコピーして、入れ替えをしています。 ただ、実際はTRがもっと多かったり、それぞれのTDの中に さらにTABLEが入っていて、ミスをしてしまったりと 時間をかけてしまっています。 これを、(3)を削除しただけで、ひとつ上の段に(4)がいったり、 ０を追加しただけで、それぞれひとつ次の段にずれたり というしくみに変えることは可能でしょうか？ 何かやり方があるような気がして調べていますが、 全くヒットしません。。。 どなたかご存知でしたら是非ご教授ください。 よろしくお願いいたします。
- ベストアンサー
- HTML
お礼
ありがとうございました。お陰様できれいになりました。 また宜しくお願いします。