• 締切済み

表と画面の余白について

syunpeiの回答

  • syunpei
  • ベストアンサー率27% (194/717)
回答No.2

これだとどうですか? センターあっても、かまいませんし、 そうそうあなたのタグ、センターをとじてませんでしたね <html> <head> <title>◯◯◯</title> </head> <!--color--> <body bgcolor="#ddfff" text="#000000" link="#0000ff" vlink="#ff0000"> <center> <!--HEAD1--> <font size="7">タイトル</font>            <table border="1" cellpadding="3" width="700" cellspacing=1 bordercolor="#dddddd"> <tr bgcolor="#ccfff"> <th>◯◯◯</th> <th>◯◯◯</th> <th>◯◯◯</th> <th>◯◯◯</th> </tr> <tr> <td align="center">△△△</td> <td align="center">△△△</td> <td align="center">△△△</td> <td align="center">△△△</td> </tr> </table> </center> </body> </html>

trifle
質問者

お礼

センターの閉じ忘れとタイトルは、余白の出現に関係ないようです。 問題は、△△△の項目の<tr></tr>の部分を増やすと現れます。 1~2行なら見やすくするための改行程度の余白ですが、20も作ると、 ずいぶんと下に表示されてしまいます。 結局「行を増やさなければよい」と考え、 項目を1行目に、内容をリストのようにして2行目のセルに詰め込むことで 余白を減らすことで解決しました。 ご回答、ありがとうございました。

関連するQ&A

  • 楽天ブログで表を書いたら上部の余白が消せません。

    ホームページからコピーして文字位置を変えただけなのに、上部に余白が出来てしまい、消そうとしてbodyタグを使ったら使用禁止で使えません。 どこが悪いのでしょうか? <コピーして自分で書いたもの> <center> <table border=1> <tr> <th>●●●</th> <th>●●●</th> <th>●●●</th> <th>●●●</th> </tr> <tr> <td align=center>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> </tr> <tr> <td align=center>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> </tr> <tr> <td align=center>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> </tr> </table></center>

  • 画面表示が100%になりません。

    <table>でいろいろやっている内に、画面表示が100%にならず、周囲1%程度の余白ができてしまいました。 外部CSSを併用したためか、と思いはずしてみても変わりません。(cssでもそのような記述はしていません。)どこを修正すればよいのでしょうか? どなたかご指導お願い致します。 <html> <head> <title>***</title> <link href="css/css" rel="stylesheet" type="text/css"> </head> <body > <TABLE border="0" width="100%" height="100% " bgcolor="#000000"> <TBODY> <tr> <td align="center"> <TABLE border=2 width="480" height="480" bgcolor="#222222" bordercolor="#000000" > <TBODY> <tr> <td align="center"> 省略 </td> </tr> </TBODY> </TABLE> <p align="center"></P> </td> </tr> </TBODY> </TABLE> </body> </html>

    • ベストアンサー
    • HTML
  • 不要な余白を削除する方法を教えてください。

    超初心者です。企業のホームページ担当になってしまい、毎日頭から煙を出しながら仕事をしています。txtに下記のようなタグを打ち、upしてみたところ、表題<h1>~</h1>と表の間に変な余白ができてしまいました。どのようにすればこの余白が消えるのでしょう? 全くの初心者が本を読み読み、またこちらでヒントを頂きながら仕事を進めていますが、度々壁にぶつかっています。 あまりにも初歩的な質問かもしれませんが、どうぞ教えてください。 よろしくお願いいたします。 <h1>○○リーグで活躍!応援に行こう</h1> <table border="1" width="600"><tr bgcolor="#eeeeee" height="0" height="0"> <th align="center">日 程</th> <th align="center">開始時刻</th> <th align="center">対戦相手</th> <th align="center">球 場</th> <th align="center">結 果</th> </tr> <tr> <td align="center">○月○日(○)</td> <td align="center">13:00~</td> <td>○○株式会社</td> <td>△球場</td> <td>○○ 9 - 6 ■■</td> </tr> </table>

    • ベストアンサー
    • HTML
  • tableセルに色を付ける

     tableセルに色を付けます。  で、行で指定しようとtrタグにbgcolorをいれました。  ネスケでは問題ないのですが、ie6だとテーブルの外にも色がついてしまい変です。  セルを結合させたりしたりしてることが影響あるのでしょうか?ieのバグですかね?  コレを解決するには、trで色を付けるのを諦めて、セルごと(tdやth)に指定していくしかないのでしょうか。  スタイルシートは使わない前提です。htmlだけでの解決があったら教えてください。 <html> <head> </head> <body> <table border="10" align="center"> <tr> <th colspan="2">タイトル</th> </tr> <tr> <td height="70" rowspan="2" align="center" valign="top">1</td>  <td>あ</td> </tr> <tr>  <td>い</td> </tr> <tr bgcolor="red">  <td>2</td>  <td>う</td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • テーブルの幅 余白をなくすことは可能ですか?

    <html> <head> <title>test</title> </head> <style type="text/css"> table { width: 100%; } </style> <body> <table border=1> <tr><th>a</th><th>b</th></tr> <tr><td>1</td><td>2</td></tr> </table> </body> </html> のように テーブルの幅を100%にしても 両端に余白が出来てしまいますが この余白をなくすことは可能ですか? 添付画像はIEで表示させた状態ですが ファイアフォックスなど他のブラウザで表示させても余白が出来ます。

    • ベストアンサー
    • HTML
  • 文字を中央に寄せる

    <HTML> <HEAD> <TITLE>メンバー表</TITLE> <STYLE TYPE="text/css"> <!-- TR{text-align:center;} TH{text-align:center;} TD{text-align:center;} --> </STYLE> </HEAD> <BODY> <TABLE BORDER=1 ALIGN=CENTER> <TR><TH ROWSPAN=3>ここには画像</TH><TH>名前</TH><TH>称号</TH><TH>レベル</TH><TH>タイプ</TH><TH>AC</TH></TR> <TR><TD>竜千士 翔</TD><TD>見習い魔導士</TD><TD>45</TD><TD>con18,wis18</TD><TD>43</TD></TR> <TR><TD>コメント</TD><TD COLSPAN=4>v( ̄Д ̄)v イエーイ </TD></TR> </TABLE> </BODY> 上記のようにスタイルシートで文字を中央に寄せようとしたのですがどうしてもできません。 htmlタグでやるとできたのですが・・・ どこが間違っているのかどうかご教授お願いいたいします。 ちなみに使っているブラウザはIEでバージョンは6 です

    • ベストアンサー
    • HTML
  • HTMLでテーブルを縦に並べたい!

    基本的な質問でお恥ずかしいのですが、困っています。 テーブルを二つ、縦に並べたいのですが、何故か横に並んでしまいます。 どこが悪いのでしょうか?初心者ですみません…お知恵をお貸しください(T_T)。 <caption><font color="#ff0000">●</font>A <font color="#0000ff">●</font>B</font></caption> <table bgcolor="#80ffff" border="1"cellspacing="0" bordercolor="#0000ff" align="left"> <tr><th width="30"><font size="+5"><font color="#ff0000">●</font></th> <th width="150"> <font size="+4"><strong><big>C</big></strong></font></th> <td><font size="+2">D<br>E</font></td></tr> <tr><td></td><td><div align="center"> <font size="4" color="#8080ff"> 準備中</font></div></td><td></td></tr></table> </p></div> <p></p> <table align="center" bgcolor="#80ffff" height="20" width="250" border="1" cellspacing="2" cellpadding="0"> <tr><td><blink>HOME</blink></td></tr> </table> </body>

    • ベストアンサー
    • HTML
  • HTMLをスタイルシートなどの手法で簡略化したい。

    次のHTMLでは、二つ目のフレームが1000行を超え、ページがかなり重くなります。それでスタイルシートとかいわれる手法で軽くしたいのですが、この手法は全く素人です。下の事例で、理想的なHTMLに短縮できるのでしたら、教えてください。 一つ目のフレームは1行、二つ目のフレームは1000行を超えます。よろしくお願いします。 ---------------------------------- <html> <head> <title>TEST</title> </head> <body> <center> <table> ・ ・ ・ ・ </table> <table cellspacing=2 width=1000 bgcolor=#cccccc> <tr align=middle bgcolor=#FFFFCC><td width=200 height=40><b>項目1</td><td width=200><b>項目2</td><td width=200><b>項目3</b></td><td width=400 align=left><b>項目4</b></td></tr> <tr align=middle bgcolor=#ffffff><td height=40><b>1行目内容1</b></td><td><b>1行目内容2</b></td><td><b>1行目内容3</b></td><td align=left><b>1行目内容4 </b></td></tr> <tr align=middle bgcolor=#ffffff><td height=40><b>2行目内容1</b></td><td><b>2行目内容2</b></td><td><b>2行目内容3</b></td><td align=left><b>2行目内容4 </b></td></tr> ・ ・ ・ ・ ・ <tr align=middle bgcolor=#ffffff><td height=40><b>1000行目内容1</b></td><td><b>1000行目内容2</b></td><td><b>1000行目内容3</b></td><td align=left><b>1000 行目内容4</b></td></tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • 表(table)の字の大きさの設定

    ブログに表を載せたいと思って調べているところなのですが、↓のようにして、入力すると、字が14くらいの大きさになってしまいます。9くらいの小さめの字にしたいのですが、字の大きさは、どのように入力すれば良いのでしょうか?教えて下さい。どうぞ宜しくお願い致します。 <div align="center"> <table border=1><tr><tdalign="center"colspan="3"bgcolor="#99ee66">あ<BR>あ</td></tr><tr><td align="center" colspan="3"bgcolor="#ffcd59">あ</td></tr><tr><td width="30" align="left" valign="top" bgcolor="#efefde">あ</td><td width="45" align="left" valign="top" bgcolor="#efefde">あ</td><td align="left">・あ<BR>あ</td></tr><td width="30" align="left" valign="top" bgcolor="#efefde">あ</td><td width="45" align="left" valign="top" bgcolor="#efefde">あ</td><td align="left">あ</td></tr></table></div>

    • ベストアンサー
    • HTML
  • 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