- ベストアンサー
tableタグで
┏━━━━━┓ ┃ ┏━┓ ┃ ┃Ａ┃Ｂ┃Ｃ┃ ┃ ┗━┛ ┃ ┗━━━━━┛ 図のようなものをtableタグで作ろうと思い、 <table border> <td> Ａ <table border> <td> Ｂ </td> </table> Ｃ </td> </table> としてみましたが、改行されてしまいます。 nowrapなども試みてみましたが、うまくいきません。 何か良い方法がありますでしょうか？ （Ａ、Ｂ、Ｃには文字列がはいります）
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じでは如何でしょうか <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <body> <table border="1"> <tr> <td> <table border="0"> <tr> <td colspan="3"> </td> </tr> <tr> <td>ＡＡＡ</td> <td> <table border="1"> <tr> <td>ＢＢＢ</td> </tr> </table> </td> <td>ＣＣＣ</td> </tr> <tr> <td colspan="3"> </td> </tr> </table> </td> </tr> </table> </body> </html> あとはご自身でタグのご研究を↓ http://www.tohoho-web.com/html/table.htm
その他の回答 (1)
- Yumikoit
- ベストアンサー率38% (849/2209)
<table border> <td>Ａ</td> <td> <table border> <td>Ｂ</td> </table> </td> <td>Ｃ</td> </table> といった感じではだめでしょうか。
お礼
簡潔なスクリプトをありがとうございます。
関連するQ&A
- 【HTMLタグ】テーブルを教えてください！
図のようなテーブルを作成したいのですが どなたか教えて頂けないでしょうか？ <table border="1"> <tr><td>Ａ</td><td>Ｃ</td></tr> <tr><td>Ｂ</td><td>Ｄ</td></tr></table> ではだめでした。 横書きにしたい部分は<BR>で対応できそうです。 よろしくお願いします。
- ベストアンサー
- HTML
- 次のテーブルで
<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> "あいうえおかきくけこ" が折り返されてしまいます 折り返さずにしかもそのサイズにテーブルを広げる方法はないでしょうか?
- ベストアンサー
- HTML
- テーブルの幅を固定するとnowrapがきかなくなるのですが・・・
いつもお世話になっております。どなたか教えて下さい。 テーブルの幅を”width=***”で固定しました（tableタグもｔｄタグも両方）。文字列を改行したくないので”nowrap”を書いて改行不可にしたら、改行は回避できたものの、幅が固定されずに文字の長さに合わせられてしまいました。 そこでこのサイト内で方法を模索していると”style=table-layout:fixed”で固定できると書いていたので追加すると幅の固定は出来たのですが、今度は文字列が改行されてしまいました。 どうすれば幅を固定し、改行も回避できるのでしょうか？ 文字列が長すぎるものは途切れていてもＯＫなので、枠をとにかく固定したいのです。 どなたか回答御願い致します。 ブラウザはIE５か６です。
- 締切済み
- HTML
- タグ「nowrap」について
こんなこと質問するなよ！ ーってな感じの質問ですが、 HTML言語の、テーブルの中で改行を防ぐタグ、「nowrap」ってありますね？ それについてなんですが、 nowrapってこんなふうに(下図参照) <TABLE> <TR><TD nowrap></TD></TR> <TR><TD nowrap></TD></TR> ・・・・・以下略・・・・・ <TR><TD nowrap></TD></TR> </TABLE> のようにセル一つずつに書き込まなきゃいけないのですか？ それとも、一番上のものかなにかに一つだけ書き込めばいいのでしょうか？ 教えてくださいm(._.*)mペコッ
- 締切済み
- HTML
- テーブル内でdivを使った時に改行しないようにする
テーブル内でdivを使った時に改行しないようにするには？ <table border=1 cellspacing=1 cellpadding=1> <tr><td>a<DIV style="font-size:50%;">50%です</DIV></td><td>b</td></tr> <tr><td>c</td><td>d</td></tr> </table> このような事をすると、「a」と「50%です」の間が開業されてしまいます。 文字を小さくしつつ改行しないようにする方法を教えてください。
- ベストアンサー
- HTML
- tableタグ内で、空白セルでも罫線を表示させられるためのタグは
次のように、1行×5列のテーブルがあります。 <html><body> <table border="1"> <tr> <td>1</td> <td></td> <td> </td> <td> </td> <td> </td> </tr> </table> </body></html> 1列目：文字列 1 2列目：未記入 3列目：半角スペース 4列目：全角スペース 5列目：文字実体参照の 2列目と3列目だけ、罫線が表示されないですが（セルがつぶれてみえる） わざわざ とかで<td>と</td>の間を埋めなくても、 罫線を明示的に表示させられるタグがあったと思いましたが、何だったでしょうか。
- ベストアンサー
- HTML
- テーブルをテーブルで囲う意味はありますか？
<table border=1> <tr><td> <table border=1> <tr><td> a </td><td> b </td></tr> </table> </td> </tr> </table> このようにテーブルをテーブルで囲う意味はありますか？ ｈｔｍｌの勉強をしていて、 ネット上でテーブルのサンプルを拾ったのですが、 上記のようにテーブルをテーブルで囲んでました。 この方法でサイト上に１００個くらいテーブルを作ってしまったのですが 今更ながらこういう書き方に意味はあるのかな？ と思い始めてきました。 意味はあるのでしょうか？
- ベストアンサー
- HTML
- 【ＨＴＭＬタグ】テーブルを教えてください。
添付の図のようなテーブルを作りたいのですがどうすればいいのでしょうか？ がんばって <table border="1"> <tr><td></td><td></td></tr> <tr><td></td><td> </td></tr></table> これで試行錯誤していますがうまく行きません。 ご教授よろしくお願いします。
- ベストアンサー
- 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
- テーブルを横に二つ並べて表示する方法はありますか？
テーブルを横に二つ並べて表示する方法はありますか？ 4列のテーブルを作るのではなく、 2列のテーブルを2個並べたいです。 <html> <head> <title>test</title> </head> <body> <table border=1 cellspacing=1 cellpadding=1> <tr><td>No</td><td>Destination</td></tr> <tr><td>a</td><td>b</td></tr> </table> <table border=1 cellspacing=1 cellpadding=1> <tr><td>No</td><td>Destination</td></tr> <tr><td>a</td><td>b</td></tr> </table> </body> </html> これだと、縦に２個並んでしまいます。
- 締切済み
- HTML
お礼
とても美しいスクリプトをありがとうございます。感激です。