あなたの映画力を試せる!POPLETA映画検定(無料) >>

ホームページをhtmlで作成していますが、
trとtdを増やせば増やすほど
どんどん表の上に空白ができてしまいます。

<body topmargin="0" rightmargin="0" leftmargin="0" bottommargin="0">

<table class="head" border="1">
をいれましたが、効果ありません。
どうしたらよいでしょうか?

A 回答 (2件)

こんにちは



前質問でも述べたように
<table>~<tr>
<tr>~<td>
</td>~<td>
</td>~</tr>
</tr>~<tr>
</tr>~</table>
の中に何か入っていませんか?(全角スペースや<br>)

この場合、表外のものとみなされて表の上に表示されます


それでダメなようでしたら
class="head"・・・つまり
<style type="text/css">
<!--
.head {
~~
}
//-->
</style>

の部分と
<td>~</td>内のテキストを削除した<table>部を載せてみてください(^^)
    • good
    • 3
この回答へのお礼

ありがとうございました!!
スペースでした。

お礼日時:2007/04/26 08:34

<tr>や<td>の他に、<table>タグ内に改行タグ入れてませんか?



例えば
<table>
<tr><td></td></tr><br>
<tr><td></td></tr><br>
<tr><td></td></tr><br>
</table>
のような形ですと、テーブルの上に改行ができてしまいます。

改行を入れるとするなら、<td>や<th>タグ内に入れましょう。
上の例だとこんな感じです。
<table>
<tr><td><br></td></tr>
<tr><td><br></td></tr>
<tr><td><br></td></tr>
</table>
    • good
    • 1
この回答へのお礼

スペースがはいっていました。
ありがとうございました。

お礼日時:2007/04/26 08:36

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qテーブルセル余白(例えば左側だけ、上側だけ、など)

こんにちは。
宜しくお願いいたします。

テーブル内のコードに、cellpadding="5" は
セル余白が上下左右のすべて、5ピクセル空きますが、

左側だけ5ピクセル、とか、上側だけ5ピクセル、のように
指定方向のみ、余白を作ることは可能でしょうか。

その場合のHTML記述を教えてください。

また、ここで質問させていただいている「指定方向への余白指定」と
全体余白指定の「cellpadding="XX"」は同時に使って
良いものでしょうか。
素人質問ですみません。
宜しくお願いいたします。

Aベストアンサー

1つのセルだけなら、下記で。
<td style="padding: 5px 10px 20px 30px;">
上の例は、上が 5px。 右が 10px。下が 20px。 左が 30px。
適当に数値変更してください。
cellpadding="5" と style="padding: 5px;"は同じになるはず。
<td style="padding: 5px;">

両方使うとどうなるかは、試して下さい。
cellpadding をここ数年利用していないので・・・

複数個所利用するなら、NO.1さんを参考に HEAD内に下記を入れて試してみましょう。
<style type="text/css">
<!--
td {padding: 5px 10px 20px 30px;}
-->
</style>

QHTML タグ セル内余白を無くす方法

次の様なプログラムで画像(a.gif 30x30ピクセル)を表示させると、画像とセル枠線との上下の間に余白ができる。この余白を無くす方法?

<table border="1">
<tr><td rowspan="2"><img src="a.gif"></td><td><br></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td><br></td><td>
</table>
テーブル内を2列にして、画像を縦方向に画像高さの半分だけズラして表示したい。
セル結合をしないで、ごく普通に2行2列にすると画像とセル枠との間には余白が生じない。
セル結合した場合に生ずる余白を無くす方法を教えて下さい。エディタは「メモ帖」、OSはWinXP、ブラウザはInternet Explorer6です。

次の様なプログラムで画像(a.gif 30x30ピクセル)を表示させると、画像とセル枠線との上下の間に余白ができる。この余白を無くす方法?

<table border="1">
<tr><td rowspan="2"><img src="a.gif"></td><td><br></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td><br></td><td>
</table>
テーブル内を2列にして、画像を縦方向に画像高さの半分だけズラして表示したい。
セル結合...続きを読む

Aベストアンサー

表を入れ子にしたらどうでしょうか↓

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td><img src="a.gif"></td>
</tr>
<tr>
<td><img src="a.gif"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td>
<td>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><img src="a.gif"></td>
</tr>
<tr>
<td><img src="a.gif"></td>
</tr>
</table>
</td>
</tr>
</table>

表を入れ子にしたらどうでしょうか↓

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td><img src="a.gif"></td>
</tr>
<tr>
<td><img src="a.gif"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td>
<td>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>...続きを読む

Qテーブルとテーブルの間隔について

同じサイズのテーブル縦にいくつか並べているのですが、今現在は全く隙間無くくっついています。

これを少しだけ(改行タグ<br>の半分以)間隔を空けたいのですが、どうすれば良いのでしょうか?

Aベストアンサー

一番シンプルな方法としては
<table>タグを<table style="margin-bottom:○○px">と書き直します。

Qtableのcellpadding="0" cellspacing="0"をCSSで

tableのcellpadding="0" cellspacing="0"をCSSで設定する方法を検索したところ、
border-collapse:collapse;
border-spacing:0;
というアドバイスが記載されていました。
実際に使ってみたのですが、
どうしてもセル余白とセル間隔が発生してしまいます。
どうしたらよいですか。

Aベストアンサー

border-spacingはborder-collapseの値がseparateのときしか有効にならないそうです。
http://www.htmq.com/style/border-spacing.shtml

サンプルが
http://www.htmq.com/style/border-collapse.shtml
にあるので参考にしてください。

# それにしてもこんなプロパティがあるとは知らなかった…

参考URL:http://www.htmq.com/style/border-spacing.shtml

Q 内のテーブルを上寄せにするには?

すみません教えていただけますか?
初心者です。
このまま表示するとTABLE A の直ぐ下のテーブルが中央に来てしまいます。
上寄せにしたいのですが、どのようにすればよいでしょうか?

よろしくお願いします。

<table width="960" border="1">
<tr>
<td width="160">

<!-- TABLE A -->
<table width="160" border="1">
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
</table>
</td>

<td width="800" height="1200" border="1">

</td>
</tr>
</table>

すみません教えていただけますか?
初心者です。
このまま表示するとTABLE A の直ぐ下のテーブルが中央に来てしまいます。
上寄せにしたいのですが、どのようにすればよいでしょうか?

よろしくお願いします。

<table width="960" border="1">
<tr>
<td width="160">

<!-- TABLE A -->
<table width="160" border="1">
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
...続きを読む

Aベストアンサー

TABLE Aを入れているtdに対してvalign="top"を入れると
解決しますよ。

QHTMLで文とテーブルの間が空く。

現在HTMLとCSSでホームページを作成しています。
それで文とテーブルの間に意図しない空欄ができてしまいます。
この理由と対策を教えてください。

HTMLは↓
<div id="contents">

<div id="main">
<h2>会社概要</h2>
      <table class="table">
      <tr>
      <th>社名</th>
      <td></td>
      </tr>
      <tr>
      <th>所在地</th>
      <td></td>
      </tr>
      <tr>
      <th>代表者</th>
      <td></td>
      </tr>
      <tr>
      <th>設立</th>
      <td></td>
      </tr>
      <tr>
      <th>資本金</th>
      <td></td>
      </tr>
      <tr>
      <th>従業員数</th>
      <td></td>
      </tr>
      <tr>
      <th>関連会社</th>
      <td></td>
      </tr>
      </table>
</div><!-- main end -->

<div id="totop">
<p><a href="#top">ページのトップへ戻る</a></p>
</div><!-- totop end -->

</div><!-- contents end -->

です。

この会社概要<h2>と<table>の間に十数行の空欄ができます。

CSSを取り除いてHTMLだけにしても、こう表示されます。
ご回答お願いします。

現在HTMLとCSSでホームページを作成しています。
それで文とテーブルの間に意図しない空欄ができてしまいます。
この理由と対策を教えてください。

HTMLは↓
<div id="contents">

<div id="main">
<h2>会社概要</h2>
      <table class="table">
      <tr>
      <th>社名</th>
      <td></td>
      </tr>
      <tr>
      <th>所在地</th>
      <td></td>
      </tr>
      <tr>
      <th>代表者</th>
...続きを読む

Aベストアンサー

全角スペースを使っているからでしょう。

TABにするか、削る。

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか?
<TD>タグや<TR>タグのところでいじくるのですか?

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
#2の方法ですね。

テーブルごとやセル(<TD>)ごとにサイズを変更するには
スタイルシート(CSS)を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル(<TD>)ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

#1の方法だとページ内の全てのセル(<TD>)に設定することになります。

スタイルシート(CSS)はこれら以外にも
いろいろな設定方法があります。

Q画像イメージの上下左右、欲しいところに好きな間隔を入れられますか?

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方に要らない間隔ができてしまい困っています。

例えば右だけに間隔が欲しい。
左だけに間隔が欲しい。

こういう場合って、何かやり方があるのでしょうか。

もともと余白込みの画像を用意するという手も講じましたが、
その場合はその場合で、その画像が他のレイアウトに流用しづらい
という弱点を生んでしまい、レイアウトごとに画像を用意しなければならないので
対症療法としてはうまくいきませんでした。

また、画像ごとにセルを用意して任意の余白を作り出す手もありましたが、
セルがあまりにも絡まりあってしまい、
かなりぐちゃぐちゃなものになるためうまくいきませんでした。

やはりもうちょっと詳しい方にお訊きしようと思いまして
質問を立てさせていただきました。
素人質問で大変申し訳ありません。
どうぞ宜しくお願いいたします。

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方...続きを読む

Aベストアンサー

HTMLの初歩です。具体的には、
-------------------------------------------
<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 10px 20px 0 30px;">

上10px 右20px 下0 左30px の四方の隙間が開く。
数値は例なので適当に変更を。
-------------------------------------------

<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 5px 20px;">
上下5px 右右20px の2方の隙間が開く。

Qテーブルの上に空行が入る・・・消したい!

http://oshiete1.goo.ne.jp/kotaeru.php3?q=558624
の質問と同じ現象だと思うのですが、
下記のコード(時刻表をつくりたいのです)をメモ帳で書き、IE6.0で表示させたたところ、
テーブルの上の方にテーブルの長さの3倍ほどの空行が表示されてしまいます.
過去の質問では、質問者さんが自己解決されているようで、しかもなにかツールを使ってコードを書いているようでしたので、メモ帳で直接コードを書いている場合の解決方法を教えてください.
----
<html>
<body>
 <table border="1" cellpadding="0">
<tr>
    <th>時</th>
<th>平日</th>
<th>土曜</th>
<th>休日</th>
</tr>
 <tr>
 <td>5</td>
  <td>-</td>
  <td>-</td>
  <td>-</td>
  </tr>
 <tr>
 <td>6</td>
  <td>00 10 20 30 40</td>
  <td>00 10 20 30 40</td>
  <td>00 10 20 30 40</td>
  </tr>
 <tr>
 <td>7</td>
  <td>00 10 20 30 40</td>
  <td>00 10 20 30 40</td>
  <td>00 10 20 30 40</td>
  </tr>
 <tr>
 <td>8</td>
  <td>00 10 20 30 40</td>
  <td>00 10 20 30 40</td>
  <td>00 10 20 30 40</td>
  </tr>
 <tr>
 <td>9</td>
  <td>00 10 20 30 40</td>
  <td>00 10 20 30 40</td>
  <td>00 10 20 30 40</td>
  </tr>
 <tr>
 <td>10</td>
  <td>00 10 20 30 40</td>
  <td>00 10 20 30 40</td>
  <td>00 10 20 30 40</td>
  </tr>
 </table>
</body>
</html>

http://oshiete1.goo.ne.jp/kotaeru.php3?q=558624
の質問と同じ現象だと思うのですが、
下記のコード(時刻表をつくりたいのです)をメモ帳で書き、IE6.0で表示させたたところ、
テーブルの上の方にテーブルの長さの3倍ほどの空行が表示されてしまいます.
過去の質問では、質問者さんが自己解決されているようで、しかもなにかツールを使ってコードを書いているようでしたので、メモ帳で直接コードを書いている場合の解決方法を教えてください.
----
<html>
<body>
 <table border="1" cellpadding="0"...続きを読む

Aベストアンサー

こんばんは

2バイトスペース(全角スペース)は取り除きましょう。
揃えたい1バイトスペース(半角スペース)で行います。
置換してしまえば良いでしょう。
これは、HTMLがスペースをセパレータとしている為、ブラウザで表示された時には無視してくれます。

これだけでもかなり変わると思います。
ご確認下さい。

Q上部の余白を消すには?

上部の上の部分の余白を消したいのですが
イマイチソースの使い方が分かりません。
TOPマージンを使えばよいとの事ですが
どのように使えばいいのでしょうか?

そのページには画像があって、
画像をなるべく上部に載せたいのです。

Aベストアンサー

>テーブルで囲った画像にでは余白を消して
>一番上部に持って行くことができません。

<TABLE>タグのCELLSPACINGとSELPADDINGを0にすれば余白は消えますよ。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング