• 締切済み

テーブルで

テーブルで文字を入れるとその文字の長さによって 表の幅が広がりますが、何も入ってない状態でもスペースを空けて表示するには・・ ーーーーーー|ーーーーー| |     |     |←表 |     |     | ーーーーーー|ーーーーー| |     |     | |     |     | ーーーーーーーーーーーー| 空欄でも中身が詰めらないで現状維持。

  • HTML
  • 回答数3
  • ありがとう数3

みんなの回答

  • mat-21
  • ベストアンサー率56% (91/162)
回答No.3

<table border=0 cellpadding=0 cellspacing=0 width=500> <tr> <td width=300>&nsp;</td> <td width=200>テキスト</td> </tr> </table> TD内の空欄は全角のスペースでもできますが、基本的には、スペース(&nsp;)を入れます。ちなみにブラウザによっては、heightは無視されますので推奨しません。 どうしてもサイズを固定したい場合は、スタイルシートを使用すれば確実です。 <table border=0 cellpadding=0 cellspacing=0 style="width:500px;"> <tr> <td style="width:300px;height:100px;">&nsp;</td> <td style="width:200px;height:100px;">テキスト</td> </tr> </table> となります。

matrix4
質問者

お礼

ありがとうございます。 スタイルシートですか・・・ &NSPは知らなかったです。

noname#14088
noname#14088
回答No.2

セルの属性でWithやhightを指定してやれば良いと思います。 <TD width="100" height="100"></TD> こんな感じとか。

matrix4
質問者

お礼

heightはプラウザによっては向かないと、指摘がありましたが、シンプルで使いました。

  • the845t
  • ベストアンサー率33% (246/743)
回答No.1

よく分かりませんが、 何もないところでは透過GIF画像を使って、 <img src="tohka.gif" width="200" height="1" alt="" title=""> のようにしては?

matrix4
質問者

お礼

"tohka.gif" がよくわかりませんが、 ありがとうございます。

関連するQ&A

  • テーブルの枠自体を折り曲げる

    tableタグの事で質問です。 まずは画像をご覧になって欲しいのですが、横に長い表をブラウザの幅に合わせて画像のようにテーブルの枠自体を改行 したいのです。(テーブルの中の文字を改行するのではなく枠を tableタグの事で質問です。 まずは画像をご覧になって欲しいのですが、横に長い表をブラウザの幅に合わせて画像のようにテーブルの枠自体を改行 したいのです。(テーブルの中の文字を改行するのではなく枠ごと改行したいのです。 表の中には自動でプログラムされた値が入るようになっているらしく、TRタグはつかえません。(普通だと折り曲げてはいけないそうですが)この横長の表をHPに掲載すると横のスクロールバーが出るのが嫌なのと iframeで表示させねばならず、スペース的に画像であらわしいたように折り曲げたいのです。 http://okwave.jp/qa/q3312100.html ←このjavascriptが近いかと思うのですが、この例は1行の表の例なので 2行まとめて折り曲げる方法がわかりません。(javascriptがわかりません) どなたか上記のように表現する方法をご存知ではないですか?大急ぎでお願いします。

    • ベストアンサー
    • CSS
  • 半角英数のテーブルでの折り返し

    どなたか、ご存知の方がいらしたら、ぜひ教えてください。 テーブルで、半角英数のスペースなしでつながっている文字列を 改行(<br>や<p>など)を使わないで、折り返すことってできますか? たとえばテーブルの幅が100とか決まっていても、 メールアドレスのような、半角英数つながり文字列を入れると テーブルの幅が延びてしまいます。。。。 どんな方法でも結構ですので、ご存知の方、よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブル幅について

    どなたか教えてください。 現在、strictで、cssを用いてソースの手打ちで HPを作成しています。 文字サイズをユーザー側で変えられるように 文字をemで設定しました。 文字サイズを小→大に変更すると テーブルの中の文字が全部表示されません。 (更新ボタンを押すと正常に 全部の文字が表示されますが) この症状のときは、テーブルの横幅などをピクセル指定 していました。 テーブル幅がピクセル指定しているために 正常に表示されないのかと思い、テーブル幅などの 指定も全てem指定に変更しました。 今度は、全部の文字が表示されるのですが、 文字サイズをユーザー側で小さくすると テーブルの横幅が極端に狭くなってしまい、 最大にすると、横幅が広くなりすぎてしまいます。 理想では、横幅を固定し、文字を全て 表示させることです。 テーブルの横幅を30emに指定し、中のtdタグは 計30emになるように指定しています。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • テーブルの自動改行 おかしなところで改行される

    テーブルで表を作っています。 外側のdivにもテーブルにも幅は指定していません。 テーブル内の内容はかなり少なく、改行が入る程の幅はありません。 にも関わらず最後の一文字だけ改行されてしまいます。 なぜこのようになってしまうのでしょうか。 そのテーブルにはjsのライブラリでtablethorterとそのアドオンのページャーを使っています。 その影響なのでしょうか。 詳しい方ご教授ください。 よろしくおねがいします。

  • テーブル内文字列がテーブル幅を超えたとき

    超えた部分の文字を表示しないで テーブル幅の範囲で表示できる部分だけ表示することはできるのでしょうか? 例えば <table border='1' width='100%' CELLPADDING='0' CELLSPACING='0'><tr><td>abc...z</td></tr></table> の abc...z の部分がテーブル幅より長いときには超えた部分はなかったものとして表示するのです

    • ベストアンサー
    • HTML
  • tableの幅・高さの固定

    初心者です。Dreamweaver2004MX操作の質問です。 【問題点 テーブルに適当な幅・高さを作成し、そのテーブルに画像ファイルを 挿入した際、テーブルの大きさより画像ファイルの幅・高さが多きい 場合、画像や文字を優先される様でテーブルサイズが自動的に挿入したファイルやリンク先の画像ファイルの大きさ比例してテーブルの幅・高さが変わってしまいます。 【やりたい事 テーブルの幅・高さを固定し、そのテーブルにそのテーブル幅・高さより大きな画像ファイルや文字を挿入してもあくまで、 固定されたテーブル幅・高さに合わせ画像や文字を拡小表示(挿入)する事って出来るのでしょうか? 大きい画像ほど、つぶれた画像になっても構いません。 スタイルシートの適用や拡張モードでの操作、 プロパティ等操作してみましたが、全くうまくいきません。 どなたかご教示願いますm(__)m

    • ベストアンサー
    • HTML
  • テーブル内セルの大きさが途中で変わる

     テーブルを使って表を作っている(下記のURLから入ってご覧下さい)のですが、2つめの表からセルの幅が変わり、表示がおかしくなっています。原因と、解決方法を教えてください。宜しくお願いします。  http://www.geocities.jp/jomachokankyo/kogaishi

    • ベストアンサー
    • HTML
  • TABLEタグについて

    HTMLを勉強し、HPを作成中です。 更新履歴をつけようと思い、その内容を TABLEタグで表の中に表示させようと思っています。 そこで履歴の内容ですが、HTMLに直接書くのではなく テキストファイルを読み込んで、そのテキストの中身を テーブルに表示させることはできないでしょうか? 表示させてい内容は、 □2004/05/01 サイト完成 □2004/05/05  リンクを1件追加 などです。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • テーブルの高さ表示が・・・

    テーブルのセルの高さを<TD>ダグにピクセルで指定したのですが(一行だけです) IEだときちんと表示されるのに、NN(vr6)だと まったく違う高さで表示されてしまいます。 全角スペースを入れてみたり、透明のスペーサーGIF(1×1)をセルに 挿入してみたりしたのですが、まったく直りません。 ちなみに、同セルは幅をピクセル指定をしていますが そちらはきちんと表示されます。 どうしてでしょうか。

    • ベストアンサー
    • HTML
  • tableを作ると出来てしまう空間について教えてください。

    ウインドウズでHPを作っていて、テーブルを作るときに テーブルの上に行スペースが空いてしまいます。 1、2段のテーブルではきちんと一番上からが表示されるのですが、 何段も作っていくと、どんどんテーブルが下がって上に何行ものスペースが空いてその下からテーブルが表示されてしまいます。 きちんとテーブルは表示されるのですが、その無駄な行スペースをなくし、上から表示される方法を教えてください。 ↓テーブルはこのように作っています。 この  <td>・・・</td>  が増えるとテーブルの上に行スペースが空いてしまいます。 <table WIDTH=500 HEIGHT=300> <tr> <td>・・・</td> <td>・・・</td> <td>・・・</td> </tr> </table>