• ベストアンサー

HPを作っています/テーブルを並べるタグについて

テーブルを隣同士に並べたいのですが、 大きさが違うと小さい方と大きい方のバランスが合わなくなってしまいます。 頭の部分は合わせて、大きい方は下を伸ばす形にしたいのですが… たすけてください。

  • tnym
  • お礼率75% (3/4)

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

  • ベストアンサー
  • _akane
  • ベストアンサー率58% (10/17)
回答No.2

こんな感じでよいですか? <table border="0" width="700"> <tr><td valign="top"> <!-- 左側のテーブルstart --> <table width="330" border=1> <tr> <td width="30" height="30">&nbsp;</td><td width="150">&nbsp;</td><td width="150">&nbsp;</td> </tr> <tr> <td height="30">&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> </tr> <tr> <td height="30">&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> </tr> </table> <!-- 左側のテーブルend --> </td> <td valign="top"> <!-- 右側のテーブルstart --> <table width="330" border=1> <tr> <td width="30" height="30">&nbsp;</td><td width="100">&nbsp;</td><td width="100">&nbsp;</td><td width="100">&nbsp;</td> </tr> <tr> <td height="30">&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> </tr> <tr> <td height="30">&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> </tr> <tr> <td height="30">&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> </tr> <tr> <td height="30">&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> </tr> <tr> <td height="30">&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> </tr> </table> <!-- 右側のテーブルend --> </td></tr> </table>

tnym
質問者

お礼

お礼遅くなってすみません。 非常に分かり易い例、どうも有難う御座います。 無事解決致しました。

その他の回答 (1)

  • radiguet
  • ベストアンサー率34% (11/32)
回答No.1

<td colspan="結合するセルの数"><rowspan="結合するセルの数">でテーブルのセルを結合できます。 あと、<td valign="top">で中身を上部によせ、<td align="left">で左よせにできます。valign alignは他にcenterとrightも指定できます。 <!--例--> <table width="200" border="1" bordercolor="#999999"> <tr> <td>&nbsp;</td> <td colspan="2">&nbsp;</td> </tr> <tr> <td rowspan="2">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table>

tnym
質問者

お礼

お礼が遅くなって大変申し訳ありません。 分かり易い解説どうも有難う御座います!助かりました

関連するQ&A

  • HP内に小さなテーブルを作って・・・

    タグを使ってHPを作っています。HP内に小さなテーブルを作ってそれにスクロールバーを付けて自由に動かして見れるようなのを作りたいんです。 どういったものか表現しにくいのですが、丁度ここのコーナーで質問すると投稿のページで質問のタイトルを入力する欄の下、質問内容(今現在私が書き込んでいるスペース)のようなものです。 注意!! ひとつここが重要なんですが、今お話した「質問内容」のテーブル(?)は縦方向のスクロールですよね?私は縦にはスクロースせず、横方向にスクロールするテーブルを作りたいんです。どなたかタグの入力方法ご存知の方、おしえてください。

    • ベストアンサー
    • HTML
  • 画像の隣にテーブル←タグは?

    画像を左に置き、その隣にテーブルをおきたいんですが、タグはその場合どういうのを使えばいいのですか??

  • テーブル探しています!!

    http://www.dinos.co.jp/s/p465307/ http://item.rakuten.co.jp/vanilla-kagu/gd191/ 上記のような形のテーブルを探しています。 脚の形・テーブルの板の厚み・脚の色など、見た目の理想的なのは、ディノスの方です。でも直径が80~90cm位で、食事メインで使用したいので高さも70cmは欲しいです。 もうひとつの方は、大きさは丁度いいのですが、脚の部分が白いのがイヤなんです。脚の部分は全部シルバーなのが理想なんです。。。 脚は2つのように十字脚のもので、テーブルの板の色は一応白を探していますが、こげ茶も候補にあります。 お店でもネットでも探しているんですが、すべて一致するテーブルが見つかりません。どこか妥協しないといけないのかなと思いつつ、あきらめきれなくて。どなたかこれにピッタリ合うようなテーブルご存じないですか?ぜひ教えてください。よろしくお願い致します!!

  • テーブル内のタグ

    過去の回答など探しましたが分からないので初めて質問させていただきます。 言い方もよく分からなくて・・長文、失礼します。 winXPで テキストにタグ打ちでHTMLファイルを作ってるのですが やりたいことは  A.風景1.jpg 風景2.jpg(木やバスstopがある)を並べる。 B.↑この画像の上にバス.gifを marquee で走らせて   onmouseoverでバスストップの所で止まらせたい。   この時のバスは 風景の一番下、地面を走るようにしたい。 ・・・壁紙は他の画像ですでに貼り付けてあります。    (左端のみカットあり。他は白色です) テーブルに風景画像2枚並べれますか? このテーブルに Bの条件、出来ますか? タグを教えていただけないでしょうか?? 色々やってみたのですが 旨くいかないのです。

    • ベストアンサー
    • HTML
  • テーブルの横に文字を置くタグ

    テーブルの横に文字を表示したいのですが、どうしてもテーブルの上、もしくは下に表示されます。どのようなタグを使えば横に並べることが出来るのでしょうか? ちなみに右にテーブル、左に文字としたいのですが...

  • テーブルを作ってみましたが・・・・

    孤軍奮闘中!! HP内のテーブル作りに挑戦してみましたが・・・・・ 画像を入れたり、背景色を変えてみたり・・・・ 何とかうまく行ったのですが・・・・・ どうしてもテーブルの上下に、テーブルと同じくらいのすきま部分が出来ます。 テーブルのすぐ上に文字が来ないのですが・・・・ これは、どうすればいいのでしょうか・・・・・? 全体をテーブルにしちゃうわけではないですよね・・・? 基本がなってない独学の私には?????だらけ・・・・ 頭が痛くなってきた・・・・・ 助けくださ~~~い!!

    • ベストアンサー
    • HTML
  • HPのテーブルについて。

    こんにちわ。 最近HPを作り始めました。すっかりはまってしまっています。 もっとカッコイイHPにしたいのですが、 フクザツな(?)テーブルの作り方がわかりません。 基本的な作り方は大体わかるのですが、もっとオシャレでカッコイイ テーブルを作りたいと思っています。 素敵なテーブルの作り方や、作り方のわかるHPをご存知の方、 是非教えて下さい☆ 非常にわかりにくい文章ですが伝わるでしょうか…?

    • ベストアンサー
    • HTML
  • Tableとdivタグで、レイアウト

    Tableとdivタグで、画像のようなレイアウトを作りたいのですが。 黒い線を二本入れた簡単なレイアウトなのですが、 どのブラウザーで見ても、(どの画面の大きさで見ても) 同じような形になるように、tableとdivでレイアウトするにはどうしたらよいでしょうか。 metaタグなど余計なものは書かなくてもかまいませんのでよろしくおねがいします。 (後パーセンテージもいくつでも構いません、適当に書きました) tableで書いた場合と、divで書いた場合と教えてください。 縦横ともに長さ100%で表示したいです。 パーセンテージを使うとかける気がするのですが、忘れてしまいました。 ぜひよろしくお願いします。

  • 子供がテーブルに頭をぶつけない方法を教えて

    1歳4ヶ月の子供がいますが、食卓テーブルに毎日頭をぶつけて困っています。 テーブルの高さは子供の鼻くらいの位置で、子供も何度も頭をぶつけて、そこにテーブルがあるのは学習しているようで、テーブルの回りで遊ぶときは、テーブルの角に手を置いて歩いたりして、気をつけているようです。 でも、テーブルの下でしゃがんで遊んでいると、上に注意しながら立ち上がることはできず、立ち上がった時に頭をぶつけます。また、他のことに注意がそれていたりして頭をぶつけます。 1日に何度も頭をぶつけて泣くので、何とかしたいと思っています。 テーブルのあるほうでは遊ばないように注意してはいるのですが、狭い家でリビングとダイニングがつながっているので、ダイニングには行かないということもできないようです。 子供がテーブルに頭をぶつけない方法またはぶつけても痛くないほうほうについて良いアイデアがあれば教えて下さい。

  • テーブル内でdlタグ使った際の空白をなくしたい

    独自の画像での枠を使ってアコーディオンメニューを作るために、 tableタグ内にdl、dt、ddタグでメニューを書きましたが、 どうしてもテーブル内の下に一行ほどの空欄が出来てしまいます。 これを解決する方法をご存知の方、教えてください。 ちなみに、ul,liタグは、テーブル内にメニューを書くには ふさわしくない為使えません。