• ベストアンサー
  • 暇なときにでも

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

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

共感・応援の気持ちを伝えよう!

  • 回答数3
  • 閲覧数53
  • ありがとう数0

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

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

まず、横の連結についてご説明します。 連結したいセルに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ファイルに書き足して、ブラウザで見てもらえば、すぐにわかると思います。

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • <table>タグについて

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

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

    初心者です。 <li>と<table>タグについて、どのような基準で使い分けるのでしょうか? 何かのページで表として認識できる場合は<table>とありましたが、実際には<li>で記述されているケースが多いように感じます。それぞれのメリット・デメリットを教えていただけるとありがたいです。

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

    いろんなホームページをみると、画面の80%ぐらいでテーブル構造にして作っているサイトが多いですが(ヤフーなど)、いまだにやり方がわかりません。1つのテーブルを<width="30%">でやったとして、その横にもう1つ<width="50%">でテーブルを置きたいのですが、どうしても横ではなく、下にいってしまいます。最近ホームページを作ったのですが、ページの左に縦長のコンテンツメニューを置いて、その右に別の項目を作っていきたいのですが、できません。フレームは使いたくないのですが、アドバイスお願いします。テーブルタグについて詳しく教えていただきたいです。

    • ベストアンサー
    • HTML

その他の回答 (2)

  • 回答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>

共感・感謝の気持ちを伝えよう!

  • 回答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
  • DLタグ と TABLEタグ

    dl・dt・ddタグは、本来1行ほどずれて表示されるタグだと思うのですが、 tableタグのように1行に並べて表示できることを知りました。 (TRやTDのように) 例) ユーザー名:テキストボックス パスワード :テキストボックス ⇒tableでもDL一式でも可能だと思っております。 ただ、DLとかDTタグを横に並べて使用するぐらいなら tableタグでやったほうが早いと思ってしまうのです。 たぶん何かメリットがあると思うのですが そのメリットがわかりません。 tableタグ一式で、横並びの表を作成するより DLタグ一式でやったほうがいいメリットを 教えて頂けないでしょうか。 ご教授よろしくお願いします。 以上です。

    • ベストアンサー
    • CSS
  • <table>タグについて

    以前同じような質問をさせていただいたのですが、以前質問した逆の内容が わからないので質問させていただきます。 以前の質問では<table>タグを使用して表を同じ高さに表示させるという 質問をさせていただきました。 【回答】 <table><tr> <td><table>******</table></td> <td><table>******</table></td> </tr></table> という回答をいただきました。(ありがとうございました。) 今度は逆に表を上下に表示したいと考えたのですが、どうしても 同じ高さに表示してしまいます。(っていうか普通に<table>タグを 書けば上下に表示するとおもうのですが・・・) おそらくタグを閉じたりするタイミングがおかしいかと思われますが、 その他ご存知の事がありましたら宜しくお願いいたします。 <table>タグのclassオプションを同じ名前にすると問題でもあるのでしょうか? ご多忙の中、大変申し訳ありませんが、ご回答宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • 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タグのヘッダを固定させる。

    こんにちは、k-makotoと申します。 TABLEタグの質問があるのですが ↓のようなTableタグを作成しているのですが、 ヘッダの部分(名前、住所、TEL、E-Mail)を 横スクロールさせたときでも固定で表示させたいのですが 方法はあるのでしょうか?(縦方向のやり方はわかるのですが...) ----------------------------------- |名前    |      |   | ----------------------------------- |住所    |      |   | ----------------------------------- |TEL    |      |   | ---------------------------------- |E-Mail  |     |   | ----------------------------------

    • ベストアンサー
    • 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内でのレイアウトの問題

    みんタグさんのサンプルHTMLをベースとして自分のホームページを作ろうと思っているのですが、どうしてもレイアウトがうまくできません。 サンプルページ(みんタグさんのぺーじです。)「http://www.heo.jp/tag/table/table_template.html」内の「@nifty型」 ソース(みんタグさんのぺーじです。)「http://www.heo.jp/tag/table/5.html」 本文(背景がオレンジ系の色で黒文字でメニュー(2、3)と書いてあるところの上)を長くすると左(背景が青系でメニューと書いてある場所の下)が移動してしまいます。(縦にセンタータグを使ったようになってしまいます) 説明がわかりにくいですがよろしくおねがいします。

    • ベストアンサー
    • HTML
  • なぜtableを使うの?

    現在、WEB制作の勉強中の者(初心者)です。 以前勤めていた不動産会社が、ある大手の制作会社にホームページリニューアルの依頼をしました。 料金は400万円とのことです。(汗) で、先日完成したのでソースを見てみると、tableが多用されているのです。 もちろんCSSファイルもリンクされているのですが、htmlソースの至るところにtableが組み込まれています。 私は、tableを使わず(初心者または表のようなものを作る場合はともかく)cssを使うのが一般的だと習ったのですが、わざわざtableを使うメリットって何かあるんでしょうか? ご回答宜しくお願いします。

  • タグ[table]の自動改行について

    現在タグうちでHTMLを作成しています。 [table]タグで枠を作って、その中に文章を入力、枠の最後の方にいくと、枠の横幅が広がっていくのですが、これを枠の最後の方に言ったら自動改行するように設定するにはどうしたらいいのでしょうか? ちなみにHTML内での入力例は <table width="700" border="0"> などのように、幅を指定、枠を見えないように設定しています。

  • CCSを使ってTABLEタグをやめたい。

    初心者です。 よろしくお願い致します。 現在 <table width="99%"> <tr> <td width="85"></td> <td></td> <td width="80"></td> <td width="70"></td> <td width="70"></td> </tr> </table> のテーブルタグを外しCSSで同じように再現できないか苦戦しています。 自分なりに #table {width: 99%; } #A{ width: 85; float: left; } #B{ float: left; } #C{ width: 80; float: left; } #D{ width: 70; float: left; } #E{ width: 70; float: left; } として <div id="table"> <div id="A"></div> <div id="B"></div> <div id="C"></div> <div id="D"></div> <div id="E"></div> </div> としてみたのですが、いまくいきません。もしご存知の方がいましたら是非教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • HTML