• ベストアンサー

tableタグで連結させたいんです。

ホームページでtableタグ初心者のものです。 連結させるにはどうすればよいでしょうか。 縦と、横、両方のやり方、お願い致します。 特に縦。

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

質問者が選んだベストアンサー

  • ベストアンサー
  • DKG
  • ベストアンサー率40% (2/5)
回答No.3

まず、横の連結についてご説明します。 連結したいセルにcolspan="連結したいセル数" を書き加えます。 以上。 (例 <table border="1" cellpadding="10"> <tr> <td colspan="2">a</td> <td>b</td> </tr> <tr> <td>c</td> <td>d</td> <td>e</td> </tr> </table> ------------------------------------ 次に、縦の連結についてご説明します。 連結したいセルにrowspan="連結したいセル数" を書き加えます。 以上。 (例 <table border="1" cellpadding="10"> <tr> <td rowspan="2">a</td> <td>b</td> <td>c</td> </tr> <tr> <td>d</td> <td>e</td> </tr> </table> *例をHTMLファイルに書き足して、ブラウザで見てもらえば、すぐにわかると思います。

その他の回答 (2)

  • junijuni
  • ベストアンサー率25% (12/48)
回答No.2

意図していることがあってるかな? <横> <TABLE> <TR><TD COLSPAN=2>1-1,1-2</TD><TD>1-3</TD></TR> <TR><TD>2-1</TD><TD>2-2</TD><TD>2-3</TD></TR> </TABLE> <縦> <TABLE> <TR><TD ROWSPAN=2>1-1,2-1</TD><TD>1-2</TD><TD>1-3</TD></TR> <TR><TD>2-2</TD><TD>2-3</TD></TR> </TABLE> <両方> <TABLE> <TR><TD COLSPAN=2 ROWSPAN=2>1-1,1-2,2-1,2-2</TD><TD>1-3</TD></TR> <TR><TD>2-3</TD></TR> <TR><TD>3-1</TD><TD>3-2</TD><TD>3-3</TD></TR> </TABLE>

  • arukamun
  • ベストアンサー率35% (842/2394)
回答No.1

こんばんは tableタグで何を連結させたいのですか? 画像かな? であれば、 縦に連結 <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0> <TR><TD><IMG SRC=aaa.gif></TD></TR> <TR><TD><IMG SRC=bbb.gif></TD></TR> </TABLE> 横に連結 <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0> <TR><TD><IMG SRC=aaa.gif></TD><TD><IMG SRC=bbb.gif></TD></TR> </TABLE> 両方に連結 <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0> <TR><TD><IMG SRC=aaa.gif></TD><TD><IMG SRC=bbb.gif></TD></TR> <TR><TD><IMG SRC=ccc.gif></TD><TD><IMG SRC=ddd.gif></TD></TR> </TABLE> でいかがでしょうか。 画像では無いという事であれば、連結させたい物を補足してください。

関連するQ&A

  • tableタグの書き方

    |ーーーーー|ーーーーー|ーーーーー| |     |ーーーーー|     | |ーーーーー|ーーーーー|ーーーーー| htmlの初心者です。 上記テーブルのtableタグの書き方をご教示下さい。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • テーブルを2つ横に並べる

    ホームページ作りに熱中しているのですが、テーブルを2つ横に並べる方法がよくわかりません。どうしても縦に連なってしまいます。 テーブルを横に並べるタグはあるのでしょうか?教えてくださいm(vv)m このテーブルを横に並べたいのですが・・・。 <table style="border:1px solid 色;background-color:white;" cellpadding="5"><tr><td> 文字を入れる </td></tr></table>

  • 柄テーブルを作ると、画像の下部が切れ連結できません。

    テーブルの中に画像を貼り付けて、 柄物の枠を作ってみたのですが、 “「 ”や、“|”などの下の部分に空白が出来て、 どうしても上手く連結できません。 <table border=0 cellspacing=0 cellpadding=0> にして、 <td><img src=>←の中に画像を入れています。 何か足りないタグがあるのでしょうか? どなたかご存知の方教えて頂けませんでしょうか。 どうか宜しくお願い致します。

  • テーブルの作成で

    初心者ですが子供の野球チームのホームページを作っています。 写真を飾るページを作っているのですが、テーブルを額縁のようにして 横に3列縦にいくつか5行くらいに並べたいと思っています。 額縁は一つ一つが独立して並べたいんですが、その方法がわかりません。 <table border="5" width="160" height="120" bgcolor="white"> <td> <center> <table border="1" width="116" height="80"> <td> <img src="gazo/fusha2.jpeg" width="116" height="80"> </center> </td> </table> </td> </table> で額縁ひとつができたんですが、それを横にも縦にもならべる方法を教えてください。よろしくお願いします。

  • tableタグで作るような表をCSSで作る方法

    一つのページに表(横:600px、縦:155px)を20~30個くらい表示させたいのですが、tableタグを多用するとページが重くなると聞きました。 そこで、CSSを使って表を作ろうと思うのですが、どのように作れば良いのか分かりません。 ご存知でしたら教えてください。 私が作りたい表は下記になります。 XHTML 1.0 Transitional 横幅:600px 縦幅:155px 4行3列で、一番左の列の4行を繋げて(tableタグでの記述は<td rowspan="4">)一つの空間になっているのもの。 セルとセルの間隔は5pxのもの。 HTMLとCSSの記述を教えていただけると幸いです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • tableタグで

    ┏━━━━━┓ ┃ ┏━┓ ┃ ┃A┃B┃C┃ ┃ ┗━┛ ┃ ┗━━━━━┛ 図のようなものをtableタグで作ろうと思い、 <table border> <td> A <table border> <td> B </td> </table> C </td> </table> としてみましたが、改行されてしまいます。 nowrapなども試みてみましたが、うまくいきません。 何か良い方法がありますでしょうか? (A、B、Cには文字列がはいります)

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

    どのようのウィンドー幅になっても全ての文字が表示させたいのですが、以下のタグの何処がおかしいのでしょうか。 <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <div align=center> <table width="700"> <tr> <td>あいうえお・かきくけこ・さしすせそ</td> </tr> </table> </div> </td> </tr> </table> この場合、ウィンドー枠を右から左に向かって縮小していくと、「あいうえお・かきくけこ・さしすせそ」の”そ”から順に見えなくなります。  そのではなくて、 あいうえお かきくけこ さしすせそ になり、 さらに縮小すると あい うえ おか かき くけ こさ しす せそ の様な感じで すべてが表示されるようにしたいのですが、どのようなタグを挿入すれば良いのでしょうか? お願いします。

  • <table>タグについて

    ホームページ作成初心者です。 <table>タグで表を作成したのですが、タグ内に幅と高さを設定してるにもかかわらず文字数によって幅が変更されてしまいます。 文字は改行されてもかまわないので、どうすれば幅を固定することができるんでしょうか? 宜しくお願いします。m(__)m

    • ベストアンサー
    • HTML
  • tableタグによるエラー

    モバイルサイトの制作の際に tableタグを使用した箇所で ページスクロールをすると 意図しない場所に飛ぶことがあります。 例えばページ下部にtableタグを記述し 実機で最下部から上部へ ページスクロールするとtableタグの箇所で 最上部に飛んでしまうことがありました。 記述ミスではなくtableタグを使わないと 直りました。 モバイルサイトの制作の際、 複雑なレイアウトにする場合、tableタグが必要になります。 これはどのようなことが原因なのでしょうか。

  • 画像連結ソフトで

    画像連結ソフトのことで質問なのですが。 連結する際例えば同じ大きさの画像16枚を、縦4枚×横4枚で繋げ 一枚の画像を作成するとき、完成品(縦4枚×横4枚の画像)をプレ ビューで見ながら、一つ一つ当てはめていったり外したりするこ との出来るツールは無いでしょうか?パズルのようにといえばわ かりやすいでしょうか。 お勧めございましたらお願いします。