HTMLテーブルのサイズを広げ、テキストが折り返されない方法
- HTMLテーブルを折り返さずに広げる方法について調査しました。
- テーブルのサイズを指定することで、テキストを折り返すことなく表示することができます。
- 具体的な方法としては、テーブルの属性にnowrapを指定することでテキストの折り返しを防ぐことができます。
- ベストアンサー
次のテーブルで
<table border=1> <caption nowrap align=left> あいうえおかきくけこ<br/> </caption> <tr><td nowrap colspan=3>abc</td></tr> <tr><td nowrap>A</td><td nowrap>B</td><td nowrap>C</td></tr> <tr><td nowrap>A</td><td nowrap>B</td><td nowrap>C</td></tr> <tr><td nowrap>A</td><td nowrap>B</td><td nowrap>C</td></tr> <tr><td nowrap colspan=3 height=15></td></tr> <tr><td nowrap colspan=3>abc</td></tr> <tr><td nowrap>A</td><td nowrap>B</td><td nowrap>C</td></tr> <tr><td nowrap>A</td><td nowrap>B</td><td nowrap>C</td></tr> </table> "あいうえおかきくけこ" が折り返されてしまいます 折り返さずにしかもそのサイズにテーブルを広げる方法はないでしょうか?
- keyguy
- お礼率68% (895/1314)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
あいうえおかきくけこ を<nobr></nobr>でくくればいいと思いますよ。 <nobr>あいうえおかきくけこ</nobr>
関連するQ&A
- テーブルの枠が2重線になるので
Border=1 にしてみましたが駄目でした テーブル枠を1重線にするにはどうしたらいいのでしょうか? <table border=1 cellspacing=0 cellpadding=0> <caption align=left> <nobr>あいうえおかきくけこ<nobr/> </caption> <tr><td colspan=3>abc</td></tr> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td colspan=3 height=15></td></tr> </table>
- ベストアンサー
- HTML
- 次のテーブルのセル内文字を小さく
したいのですがセル内文字ごとに<h7></h7>を付けると文字は小さくなるもののセルの高さがむしろ高くなり文字が上に貼りついてしまいます セルの高さも同じように文字にあわせて小さくできるような設定はあるでしょうか? <table border=1 cellspacing=0 cellpadding=0> <caption align=left> <nobr>あいうえおかきくけこ<nobr/> </caption> <tr><td colspan=3>abc</td></tr> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td colspan=3 height=15></td></tr> </table>
- ベストアンサー
- HTML
- 長い表を印刷する場合に(修正版)
keyguy 切りの悪いところで切られて改ページされてしまいます 例えば <head><style type="text/css"><!-- table{border-collapse:collapse;} td{border:solid 1px black;} th{border-collapse:collapse;} --></style></head> <table> <caption align=left> <nobr>あいうえおかきくけこ<nobr/> </caption> ... <tr ><td colspan=3>abc</td></tr> <tr ><td>A</td><td>B</td><td>C</td></tr> <tr ><td>A</td><td>B</td><td>C</td></tr> <tr ><th colspan=3 height=9></th></tr> ... </table> のように <tr ><td colspan=3>abc</td></tr> <tr ><td>A</td><td>B</td><td>C</td></tr> <tr ><td>A</td><td>B</td><td>C</td></tr> <tr ><th colspan=3 height=9></th></tr> が繰り返しているときにこの単位ユニットの間で改ページされてしまうのです これを回避することは不可能でしょうか?
- ベストアンサー
- HTML
- テーブルが一行下がる・・・
HTMLを作成していて、横一列に並べたいのに何故か一行下がってしまいます。 具体的には、 <TABLE width="50" border=1 align=left> <TBODY> <TR><TD noWrap align=middle>項目A</TD> <TR><TD noWrap align=middle Height=80><BR></TD></TR> </TBODY> </TABLE> <TABLE width="20" border=1 align=middle> <TBODY> <TR><TD noWrap align=middle>タイトル</TD></TR> </TBODY> </TABLE> <TABLE width="50" border=1 align=right> <TBODY> <TR><TD noWrap align=middle>項目B</TD></TR> <TR><TD noWrap align=middle Height=80><BR></TD></TR> </TBODY> というソースで、「項目A」→「タイトル」→「項目B」と横一線に並べたいのですが、何故か「項目B」が一行下がって表示されます・・・ HTMLを作るのは初めてで、色々と調べたのですがよく分かりませんでした・・・。 どなたか助けてください！！ よろしくお願い致しますm(_ _)m
- ベストアンサー
- HTML
- テーブルの位置
最初からテーブルを一番上に持ってくるにはどうしたら良いですか？ＣＳＳで設定するのでしょうか？ 【】で囲ってある部分を最初から上にしたいのです。入れ子のようにしてテーブルを挿入すると必ず真中になってしまいます。 <table width=\"800\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" height=\"500\"> <tr bgcolor=\"#FFFF00\"> <td valigin=\"top\" valign=\"top\" colspan=\"4\" height=\"64\"> </tr> <tr> <td colspan=\"3\" height=\"2\"> </td> </tr> <tr> 【<td width=\"170\"> <table width=\"170\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\"> <tr> <td> </td> </tr> </table>】 </td> <td width=\"238\" height=\"352\"> </td> <td width=\"197\"> </td> </tr> <tr> <td colspan=\"3\"> </td> </tr> </table>
- 締切済み
- HTML
- テーブルの位置
最初からテーブルを一番上に持ってくるにはどうしたら良いですか？ＣＳＳで設定するのでしょうか？ 【】で囲ってある部分を最初から上にしたいのです。入れ子のようにしてテーブルを挿入すると必ず真中になってしまいます。 <table width="800" border="1" cellspacing="0" cellpadding="0" height="500"> <tr bgcolor="#FFFF00"> <td valigin="top" valign="top" colspan="4" height="64"> </tr> <tr> <td colspan="3" height="2"> </td> </tr> <tr> 【<td width="170"> <table width="170" border="1" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> </table>】 </td> <td width="238" height="352"> </td> <td width="197"> </td> </tr> <tr> <td colspan="3"> </td> </tr> </table>
- ベストアンサー
- HTML
- CGI Perl 画像の出し方
<table border=1> <tr> <TD colspan="3"> <table width=100% cellpadding=0 cellspacing=0><tr> <TD colspan="2">$c_name[$seedno]</TD> </tr></table> </TD> </tr> <tr> <TD colspan="3" align="right"></TD> </tr> <tr> <TD nowrap colspan="3">$ap<br> $dp<br> </TD> </tr> </table> 今CGIを改造中なのですが 10行目の所に自作の画像を出したいのですがどうすれば良いのでしょうか？。 出す画像は、登録しているキャラ毎の画像を表示したいのです。 例えばAというキャラが出たらAキャラの画像、Bというキャラが出たらBキャラの画像という感じです。 上手く説明できませんが宜しくお願いします。
- ベストアンサー
- Perl
- フレームの分割について
このようなレイアウトでフレーム分割したいのですが、どのようなソースにしたら良いのでしょうか？また、様々な環境できちんと表示されるでしょうか？ A・C・E・Fには画像を挿入。DはメインのHTMLを表示。BはメニューのHTMLを表示。 <TABLE COL="4" ROW="3" WIDTH="770" BORDER="1" CELLSPACING="0" CELLPADDING="0"> <TR ALIGN="CENTER"> <TD COLSPAN="3" WIDTH="586" HEIGHT="106">A</TD> <TD ROWSPAN="3" WIDTH="184">B</TD> </TR> <TR ALIGN="CENTER"> <TD WIDTH="40" HEIGHT="350">C</TD> <TD WIDTH="506" HEIGHT="350">D</TD> <TD WIDTH="40" HEIGHT="350">E</TD> </TR> <TR ALIGN="CENTER"> <TD COLSPAN="3" WIDTH="586" HEIGHT="106">F</TD> </TR> </TABLE>
- ベストアンサー
- その他([技術者向] コンピューター)
- テーブルの枠線が消えません。
テーブルの枠線が消えません。 HTMLでテーブルを作成しています。 以下のようなHTMLなのですが、 先頭行の8と9の間や二行目の15と30の間に縦線が入ってしまいます。 これを表示させたくないのですが、よく見ると一番右側の項目は全て縦線が入っています。 これを消すことはできるでようか？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-31j"> </head> <body> <table> <tr bgcolor="blue"> <td colspan="60" align="center">8</td> <td colspan="60" align="center">9</td> <td colspan="60" align="center">10</td> </tr> <tr bgcolor="lightblue"> <td colspan="15" align="right">15</td> <td colspan="15" align="right">30</td> <td colspan="15" align="right">45</td> <td colspan="15" align="right">60</td> <td colspan="15" align="right">15</td> <td colspan="15" align="right">30</td> <td colspan="15" align="right">45</td> <td colspan="15" align="right">60</td> <td colspan="15" align="right">15</td> <td colspan="15" align="right">30</td> <td colspan="15" align="right">45</td> <td colspan="15" align="right">60</td> </tr> <tr align="center"> <td colspan="60" bgcolor="lightpink" height="40">仕事</td> <td colspan="60" bgcolor="lightgreen">休み</td> <td colspan="60" bgcolor="lightpink">仕事</td> </tr> <tr align="center"> <td colspan="80" bgcolor="lightgreen" height="40">休み</td> <td colspan="40" bgcolor="lightblue">仕事</td> <td colspan="60" bgcolor="lightgreen">休み</td> </tr> <tr align="center"> <td colspan="50" bgcolor="lightgreen" height="40">休み</td> <td colspan="60" bgcolor="lightpink">仕事</td> <td colspan="70" bgcolor="lightgreen">休み</td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- テーブル内でのランダムな並べ変え
全然知識がないのですがよろしくお願いします。 タグで <table border="0"> <tr> <td colspan="3" width="100%" bgcolor="#FF1493"><font color="#ffffff"> ◆タイトル</font></td> </tr><tr><td width="100" height="100"><img src="画像.jpg" width="100" height="100" border="0"></td> <td colspan="2" width="380" height="100" valign="top" align="left" bgcolor="#F8E0F7">文書</td> </tr> <tr> <td colspan="3" width="100%" bgcolor="#FF1493"><font color="#ffffff"> ◆タイトル</font></td> </tr><tr><td width="100" height="100"><img src="画像.jpg" width="100" height="100" border="0"></td> <td colspan="2" width="380" height="100" valign="top" align="left" bgcolor="#F8E0F7">文書</td> </tr> <tr> <td colspan="3" width="100%" bgcolor="#FF1493"><font color="#ffffff"> ◆タイトル</font></td> </tr><tr><td width="100" height="100"><img src="画像.jpg" width="100" height="100" border="0"></td> <td colspan="2" width="380" height="100" valign="top" align="left" bgcolor="#F8E0F7">文書</td> </tr> </table> このようなテーブルがあって、その順番をページ更新でタイトル・画像・文書を一枠としてクルクルランダムに入れかえたいのですが、どうしたらいいでしようか？ 今後、この一枠がドンドン増えて行って、それも含めて全ての枠をランダムに入れ替えたいのです。 jqueryで簡単にできるようなことは聞きましたが、私には知識がないので助けてください。 よろしくお願いします。 http://www.finefinefine.jp/web/kiji2068/ ここを見れとも言われたのですが、スクリプトは私には不明です・・・
- ベストアンサー
- JavaScript
お礼
ありがとうございます うまくいきました