• ベストアンサー

表の作成

HTML初心者です。 表の大きさを指定すると、正しく表示されるんですが、表の中に文字を書き続けるとどんどん表が横に長くなってしまいます。 <table width=""> の指定ではこのようになってしまうのでしょうか?

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

  • ベストアンサー
  • mac-as
  • ベストアンサー率54% (23/42)
回答No.5

<td>の中に"nowrap"と入ってるとか…。 それでなければ、半角英数をスペースなしで入力し続けてるとか…。 引用されてたHTMLを試しに私の使ってるエディタにコピペして見てみたんですが、 特に幅も変わらずきちんと表示されましたよ。 余談ですが、 <div align="center"><center>は ほぼ同じことなので、どちらか削った方が良いですね。

tialagold
質問者

お礼

お礼が遅れてしまい本当に申し訳ありません。 半角英数をスペースなしで入力してました。原因が分かってすっきりしています。アドバイスまでいただいて、本当にありがとうございました。

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

その他の回答 (5)

noname#107580
noname#107580
回答No.6

こんにちは! <p><small><strong>2004/2/25</strong></small></p> の『2004/2/25』の後にはどんな文字を試してみていますか? No.5 さんの言うように半角の数字やアルファベットをズラズラ~っと並べると改行されなくなりますが・・ 日本語で試してもそうなりますか?

tialagold
質問者

お礼

日本語で入力すると問題なく表示されました。回答ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
  • xyz0108f
  • ベストアンサー率39% (80/202)
回答No.4

度々すみません。#3です。 <td width="100%"> というところを、テーブルの幅指定と同じ値にするか、width="100%"を削除して、<TD>だけにしてみてもだめでしょうか?

tialagold
質問者

お礼

どちらも試しましたがダメみたいです。 いったい何がおかしいのでしょうか?

全文を見る
すると、全ての回答が全文表示されます。
  • xyz0108f
  • ベストアンサー率39% (80/202)
回答No.3

<table width="">のままだと横幅の指定がしていない状態なので、テーブル内の文章が改行なしで長くなれば、その分テーブルが広くなっていってしまいます。 横幅を指定するには#1さんのように<TD WIDTH="100">といったように幅の指定をしてみてください。 HTML・JavaSctiptの参考ページURLを書いておきました。 初心者の方にはとてもためになるHPです。 いまだに私も活用しています(笑) 一度見てみてはいかがでしょうか?

参考URL:
http://tohoho.wakusei.ne.jp/www.htm
全文を見る
すると、全ての回答が全文表示されます。
  • gattonero
  • ベストアンサー率33% (42/127)
回答No.2

こんにちは! さしつかえなければ、全部引用してもらえると 分かりやすいと思うんです。例えばこんな感じで;  <table width="500">  <tr><td>中身は書かなくてもいいけど</td></tr>  <tr><td>適当に</td></tr>  <tr><td>文字いれとけば。</td></tr>  </table> タグ関連は省略しないで全部書いてみてくださいな。 そうしたら、ああここがだめだよ、ってコメントも 出やすいかなぁと。よろしぅ!

tialagold
質問者

お礼

すみません。引用してみるとこんな感じです。 <div align="center"><center> <table border="0" width="560" cellpadding="2"> <tr> <td width="100%"><hr> <p><small><strong>□2004/2/25</strong></small></p> <p><small></small></p> <p><small></small></p> <p><small></small></p> <hr> </td> </tr> </table> </center></div> 回答よろしくお願いします。

全文を見る
すると、全ての回答が全文表示されます。
  • arukamun
  • ベストアンサー率35% (842/2394)
回答No.1

<TD WIDTH=100>とかでも横に長くなってしまいますか?

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

関連するQ&A

  • HTMLの表で幅を指定しても折り返すことは無理なのでしょうか?

    以下のHTMLの表は横幅を指定していますが、 すごく横長な表になってしまいます。セルの幅を指定してもセル内の文字を折り返す事は不可能なのでしょうか? <html> <head> <title>table</title> </head> <body> <table width="570" border="1"> <tr><td width="130"> test1</td> <td bgcolor="#CCCCCC" width="440"> oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo </td></tr></table> </body> </html>

    • ベストアンサー
    • HTML
  • HTMLで書いた表の上部にはみ出た空白が出る

    HTMLで書いた表の上部に空白部分が表をはみ出てきてしまいます。たとえば11列の表を作りました。しかし行が増えるに従って、表の上部にはみ出た空欄が出て空欄の高さが長くなってきます。どういう指定をすれば表だけになって、この白い部分はなくなるか教えて下さい。あるいは最後のところのHTMLが不足しているとか。 <TABLE> <TABLE BORDER=5 WIDTH=800> 一列目 <TR bgColor=#f0ffff> <TD width=30>1</TD> <TD width=100>7/18(月)</TD> <TD width=500>成田発<BR>ミュンヘン着</TD> <TD width=300>午前<BR>午後</TD> 同じように10列の表があるとする。 最後</TABLE> 同じように11列くらい書いていると 上部に白い空白が出来てくる。なぜでしょうか。

  • 表(Table )の中の文字を一括で、

    表(Table )の中の文字を一括で、FONTSIZE=6、Times New Roman にしたいのですが、毎回セルごとに指定せずに、<Table></Table>のHTMLで処理できる簡単な、出来れば最も簡単な方法を教えてください。

    • ベストアンサー
    • HTML
  • HTMLを使って表を作成しているのですが、枠線がキレイに揃いません。

    HTMLを使って表を作成しているのですが、枠線がキレイに揃いません。 下のソースで50と130のとこをきちんとエクセルのように枠線揃えたいのですが、 どのようにしたら良いのでしょうか? よろしくお願いします。 <HTML> <BODY> <TABLE border=1><TR> <TH width="50"></TH> <TH width="135"></TH> <TH width="65"></th> <TH width="65"></th> <TH width="65"></th> </TR><TR> <TD colspan="5"> <TABLE border=1><TR> <TD width=50>50</TD> <TD width=200>200</TD> <TD width=130>130</TD> </TR><TR> <TD width=50>50</TD> <TD width=200>200</TD> <TD width=130>130</TD> </TR></TABLE> </TD> </TR><TR> <TD colspan="5"> <TABLE border=1><TR> <TD width=50 rowSpan=2>50</TD> <TD width=135 rowSpan=2>135</TD> <TD width=65 rowSpan=2>65</TD> <TD width=130 colSpan=2>130</TD> </TR><TR> <TD width=65>65</TD> <TD width=65>65</TD> </TR><TR> <TD width=50>50</TD> <TD width=135>135</TD> <TD width=65>65</TD> <TD width=65>65</TD> <TD width=65>65</TD> </TR><TR> <TD width=250 colSpan=3>250</TD> <TD width=65>65</TD> <TD width=65>65</TD> </TR></TABLE> </TD> </TR><TR> <TD colspan="5"> <TABLE border=1><TR> <TD width=250>250</TD> <TD width=130>130</TD> </TR></TABLE> </TD> </TR> </TABLE> </BODY> </HTML>

    • ベストアンサー
    • HTML
  • 表を横に並べる

    メモ帳でHP作っています。 表が縦に長くなったので 2つに分割して横に並べたいのです。 で分割出来て横にも並べたのですが 全体的に小さくなってしまい、 少しでも数字を変えると高さが合わなくなって しまいます。 表は上で高さを合わせたいです。 どうすればいいのでしょうか?。 <table border="0" width="600"> <tr> <td Width="250"> <table border cellpadding="1"> <tr> <td VALIGN="middle" width="100"> あいうえお</td> <td VALIGN="middle" width="260"> かきくけこ</td> </tr> </table> </td> <td width="250"> <table border cellpadding="1"> <tr> <td VALIGN="middle" width="100"> さしすせす</td> <td VALIGN="middle" width="260"> なにぬねの</td> </tr> </table> </td> </tr> </table>

  • 表を1行分右にずらしたいのですが

    HTML超初心者です。 表のなかに表をつくったら、内側の表が外側の表の枠とほぼ重なるような感じになってしまったので、 内側の表の枠と外側の表の枠との間を1文字分ずつくらい開けたいのですが、タグがわかりません。 今、こんな感じです↓3行目のtableが内側の表です。 <tr bgcolor="#ffffff"> <td height="400" valign="top" algin="left"> <table width="270" height="200" cellpadding="0" cellspacing="0"> <tr> <td></td> ご教示願います。

  • ネットスケープナビゲーターでの表と表の間の空白について

    HTMLでWEBサイトを現在製作しています。 その際に<table>タグで表を2つ(幅500ピクセルくらいです)、縦に並ぶように配置したのですが、インターネットエキスプローラーで見ると普通に並んでいるのですが、 ネットスケープナビゲーターで見ると、上の表と下の表の空白が、およそ30から50ピクセルくらいあいてしまいます。 空白があき過ぎのように思いますが、これはブラウザーの特性でしょうか?他のサイトさんではあまり見かけないように思うのですが。 意味がないかも知れませんが、HTMLで上の表の最後の</TABLE>と下の表の最初の<TABLE>の間も一文字も隙間が無いようにしています。 そして<TABLE>の属性は、 cellspacing="0" border="0" cellpadding="0" にしています。 上の方の表は高さも指定しています。 下の表は高さの指定はしていません。 お手数ですが解決方法をご存知の方、お願い申し上げます。

    • ベストアンサー
    • HTML
  • Tableタグで作成した表の縮小

    HTMLのTableタグで作成した横長の表があるのですが、画面を横にスクロールしなければならず、見づらいので、全体を縮小したいのですが、何か方法はあるでしょうか? 現在思いつくのが、画像にするぐらいです。 他にありましたら、教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • htmlを使って表を作っています

    自分でつくった表だとどうしてかうまくいきません。何がいけないのでしょうか?わからないところをまた自分で見つけて修正するのでポイントとソースを書いていただけませんか? 練習問題と自分が作ったソース載せます。 <html> <h4><b>1問<b></h4> <table border="1"width="400"height="400"> <tr><td background="1_4.jpg"width="200">1_4.jpg</td><td></td></tr> </table> <table border="1"width="400"height="400"> <tr><td>aaaa</td><td>aaaa</td></tr> </table> <h4><b>2問<b></h4> <table border="1"width="50"height="50"> <tr bgcolor="#ff0000"><td></tr></td> </table> <h4><b>3問<b></h4> <table border="1"width="150"height="100"> <tr bgcolor="#0000ff"><td></td><td></td><td></td></tr></table> <table border="1"width="150"height="100"> <tr colspan="3"><td></tr> <tr><td width="50"></td></tr> <tr><td width="50"></td></tr> <tr><td width="50"></td> </tr> </table> <h4><b>4問<b></h4> <table border="1"width="100"height="100"> <tr><td bgcolor="#00ff00"></td><td></td></tr></table> <table border="1"width="100"height="100"> <tr><td></td><td></td></tr></table> </html> 課題1_7-2 覚えるタグ ・<td background="★">~</td> ★には画像ファイル名(URL)を入れます。 <td>タグのbackground属性でセルの背景に画像を 貼り込むことができます。 画像の大きさがセルよりも小さい場合は繰り返して タイル状に並べられます。 それでは早速つくってみましょう。 <第一問:幅400、高さ400、上のセルの数が2つ、下のセルの数が2つの テーブルを作り、左上のセルに1_4.jpgを背景に貼り込んでみましょう。> どうですか?うまく表示されましたか? レイアウトをしていく上で大切なタグになっていくので頑張って作ってみましょう。 背景に指定できるのは画像だけではありません。 文字のように、色を指定することもできます。 覚えるタグ ・<table bgcolor="★">~</table> ・<tr bgcolor="★">~</tr> ・<td bgcolor="★">~</td> ★には色指定値(例:#ff0000)が入ります。 bgcolor属性でテーブルの背景色を設定します。 <table>タグに指定した場合はそのテーブル全体に、 <tr>タグに指定した場合はその横一列(一行)に色がつきます。 <td>タグに指定した場合はそのセルにのみ色がつきます。 それでは実際に作ってみましょう。 <第二問:幅50、高さ50、1つのセルのテーブル全体の背景を赤くしてみましょう。      赤→#ff0000> <第三問:幅150、高さ100、上のセルを3つ、下のセルを3つのテーブルを作り、      上3つのセルの背景を青くしてみましょう。      青→#0000ff> <第四問:幅100、高さ100、上のセルを2つ、下のセルを2つのテーブルを作り、      左上のセルの背景を緑にしてみましょう。      緑→自分で見つけて下さい>

  • HTML 表の中の表

    趣味でHPを作り始めたのですが表のところがよくわかりません。 大きな表(外枠)の中に2個目の表を作りたいのですが、どうしても2個目の表が大きな表(外枠)の真ん中に来てしまいます。2個目の表が大きな表の一番上にくっつくようにしたいのですがどうしたらいいのでしょうか。宜しくおねがいします。 <html> <body> <table border="1" height="500" width="300"> <tr> <td> <table border="1" width="100%"> <tr > <td colspan="3" > </td> </tr> <tr>   <td colspan="3"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>  </td> </tr> </table> </body> </html>