- 締切済み
tableの中で半角英数表示をする場合
下記の様にしてブラザーで観覧すると widthの指定数値通り表示しないで、widthの範囲数理を無視して横長に半角のaが続いてしまいます。 半角英数を使って何とかwidthの範囲以内に治めたいのですが出来ません。どうか教えて頂けないでしょうか。お願します。 @@@@@@@@参照ソース@@@@@@@@ <table> <tr> <td width="100">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td> </tr> </table>
- gcc
- お礼率8% (10/125)
- HTML
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- xruz
- ベストアンサー率50% (72/143)
こんにちはgccさん、xruzです Ie5.5sp2で動作確認しました、こんな感じですか？ <html> <head> <title>table</title> </head> <body> <table border="1" width="100px"> <tr><td style="word-break:break-all">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr> </table> <table border="1" width="100px"> <tr><td width="100px" align="center"><--100px--></td></tr> </table> </body> </html> がんばってくださいね(~:~i
- riso
- ベストアンサー率42% (16/38)
こんにちは、risoと申します。 100ピクセルの中にこれだけの 文字を一列で入れるのは無理でしょう。 100ピクセルをどう考えても超えているので。 途中で<br>をいれて改行されたらどうですか？ 「a」でしたら一行に最大１４文字くらい入ると思うので その辺で改行してみたらどうでしょう。
- starflora
- ベストアンサー率61% (647/1050)
切れ目のない、半角英数文字の列は、それ全体として一つの「文字群」と考えられるのです。例えば、tableでなくとも、普通の文章でも、こういうものを造ると、幅を１００％以上超えてしまいます。その実例が、この質問ページでしょう。 方法は、半角文字列のどこかに切れ目を入れることです。 width を％表示すれば収まるではないかとも思いますが、試験しないと分かりません。こんな半角英数文字の列をtableに入れたことも、文章で書いたこともないからです。全角文字は、文字一つづつで切れてくれますが、半角英数字は、日本語の文章のなかに、英語の単語など入れれば分かるように、それでブロックになります。 切れ目と云っても、「半角スペース」でなくとも、「改行マーク」を入れると切れるようです。試験すると、％表示では駄目なようです。tableまたはtdの幅に合った数のａとかを、改行などで切って入れるようにするのがよいでしょう。
関連するQ&A
- tableの中にtableを作ると、width指定が機能しない
tableの中にtableを作り、中側にあるテーブルの列ごとにwidthを指定したいのですが、うまくいきません。ソースを書いてみます。 例： <table width=300> <tr><td> <table width=100> <tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td><tr> </table> </td><td> <table width=100> <tr><td>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td><tr> </table> </td><td> <table width=100> <tr><td>ccccccccccccccccccccccccccccccccccc</td><tr> </table> </td></tr> </table> width=300のテーブルの中にwidth=100のテーブルが3つできたのはいいのですが、width=100のテーブルの中に100pxを超える文字列を入れると100pxという値を無視してテーブルが横長くなってしまいます。 これを100pxという値に従わせるにはどうしたらいいでしょうか？
- ベストアンサー
- HTML
- tableの中のtableの表示と外側（大きい方）のtableに背景画像を表示させる方法
非常にわかりにくいタイトルで申し訳ありません。tableの中にtableを入れて、外側（大きい方）のtableだけ背景画像を表示させたいのですがどのようにすればいいのでしょうか？下記ソースまでは作ったのですが、中（小さい方）のtableがなぜか右よりになってしまいます。小さいtableを真ん中にして、そのtableの周りを画像で囲みたいのですがどのようにすればいいのでしょうか？もちろん、下記ソースでなくても全然かまいません。htmlはまだまだ勉強中で詳しい方からすれば非常に見難いソースで申し訳ありませんが、ぜひお力添えいただけたらと思いますのでよろしくお願いします。 ↓ソース <html> <head> <body> <title>タイトル</title> <TABLE background="画像jpg"><TD width="10%" height="10%"><TR></TD><TD height="100%"></TD><TD width="100%" height="100%"><TD width="100%"><TD> <TABLE border width="600" height="100%" bgcolor="white"> <TR> <TD> 文章 </TD> </TR> </TABLE> </CENTER> </body> </html>
- ベストアンサー
- ブログ
- 半角だけだとtableタグのwidth指定が無効になってしまう。
半角だけだとtableタグのwidth指定が無効になってしまいます。半角を入力した際にwidth指定を有効にする方法をご教授お願いします。 <TABLE border="1" width="110"> <TBODY> <TR width="110"> <TD width="110">０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９</TD> </TR> </TBODY> </TABLE> <BR> <TABLE border="1" width="110"> <TBODY> <TR width="110"> <TD width="110">0123456789012345678901234567890123456789012345678901234567890</TD> </TR> </TBODY> </TABLE>
- ベストアンサー
- HTML
- テーブルの中にテーブルを入れ込んで・・・
最近、質問ばかりしてるような気がするのですが・・・ m(__)m 親テーブルのセルの中に子テーブルを入れ込んで 子テーブルを親テーブルのセルの縦位置を中央に表示させたいのですがうまく行きません NN6.Xでは表示されるのですがIEだと上寄せに 表示されてしまいます。 これはIEの仕様でしょうがないのでしょうか？ （↑けしてダジャレではありません(^^ゞ） セル内配置でテキストや画像は上手く 中央位置に出来るのですが子テーブルが出来ないです なぜでしょうか？ 参考のためにソースコードを --------------------------------- <table width="100%" border="1" height="100%"> <tr> <td align="center" valign="middle"> <table width="50%" border="1" height="50%"> <tr> <td> </td> </tr> </table> </td> </tr> </table> ------------------------------------- よろしくお願いします。 スタイルシートやjavascriptを使ったやりかた とかもあるのでしょうか？
- ベストアンサー
- HTML
- <table>の幅の設定のことでの疑問
HTMLに関しては素人です。 HTMLで例えば下記のように表を記述する時 <table border='1' width='300'> <tr> <td>●●●●● </td> </tr> </table> ●●●●●のところに英数半角の文字を 「aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa…」 こんな感じでこの倍くらい続けて書いて、ブラウザで表示すると 設定した幅が無視されて横に果てしなく続いてしまいます。 「英数半角」ではなく「ひらがな」で同じように書くと きちんと設定した幅で折り返すように表示されます。どうしてなんでしょうか？ 英数半角でもきちんと設定した幅で折り返すようにするにはどうすればよいのでしょうか？
- ベストアンサー
- HTML
- tableタグについて
<table width="700" border="0"> <tr><td width="700">あああああああ</td></tr> <tr><td width="200">いい</td><td width="500">ううううう</td></tr> </table> このタグですと【ああああああ】の部分が２段になります。 多分<td width="200">のためやと思うのですが、 <tr><td width="200">いい</td><td width="500">ううううう</td></tr> の部分を <tr><td width="700"><table width="700"><tr><td width="200">いい</td><td width="500">ううううう</td></tr></table></td></tr> にすると表示されます。 この方法以外にもっと簡単に表示できる方法はないでしょうか お願いします。
- ベストアンサー
- HTML
- テーブルが横に長くなってしまう
の困ってます width=100%を超えたら折り返してほしいのですが・・・ aaa...aaaが短いときにはいいのですが長いとテーブルが横に長くなります 範囲を超えたら自動的に折り返すようにできないのでしょうか? <table width="100%" border="1"> <tr><td align="center">contents</td></tr> aaa...aaa <tr><td align="left"> </td></tr> </table>
- ベストアンサー
- HTML
- 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を作りスクロールさせたい。
tableの中にtableを作りスクロールさせたい。 tableの中にtableを作りスクロールさせたいのですが、書きサンプルで思うようになりません。 table一つなら上手くいくのですが、どこが悪いでしょうか。 <html lang="ja"> <head> <title></title> </head> <body> <table border="1" width="100%"><tr><td></td></tr> <tr> <td > <div style="height:40%;width:100%;overflow-y:scroll;"> <table border=1 width="100%" bgcolor="#9999ff"> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> </table> </div> </td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- tableにtableをネストした場合
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"> <html> <head> <style type="text/css"> body{margin:0} table{border-collapse:collapse} td{padding:0;} </style> </head> <body> <table> <tr><td></td><td></td><td></td></tr> <tr><td></td><td> <table style="width:100px;height:100px;background-color:#f93;"> <tr><td></td><td></td><td></td></tr> <tr><td></td><td> a </td><td></td></tr> <tr><td></td><td></td><td></td></tr> </table> </td><td></td></tr> <tr><td></td><td></td><td></td></tr> </table> </body> </html> 以上のソースをIEで見たとき。よく分からない1pxぐらいの隙間が上に開いてしまいます。 FFで見たときには思ったとおりに表示されるのですが・・・。 どなたか原因が分かる方おられましたら教えてください。
- ベストアンサー
- HTML
