• ベストアンサー

HP作成のテーブルについて

教えてください。HPを作成する時にテーブルタグ<table>を使っているのですが、テーブルが2列になり、右と左の縦の長さが異なる時、片一方が中央揃えになって、上の位置が合いません。 テーブルが2列で縦の長さが違っても、一番上の位置に両方ともそろえたいのですがどうすれば良いでしょうか?教えてください。

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

  • ベストアンサー
  • yuma85jp
  • ベストアンサー率20% (49/234)
回答No.1

<table> <tr> <td>右側のセルです</td> <td>左側のセル</td> </tr> </table> このときに、「左側のセル」って内容が上揃えで配置できないということですね。 そういうときは、 <table> <tr> <td valign="top">右側のセルです</td> <td valign="top">左側のセル</td> </tr> </table> valign="top" というタグを<td>の中に入れてやってください。上揃えで表示されます。

t_henry
質問者

お礼

ありがとうございます。 非常にわかりやすかったです!

関連するQ&A

  • Dreamweaver4でのテーブルレイアウト表示

    左右の各1列に、テーブルがあります。 右のテーブルの方が行数が多いので、左のテーブルが右のテーブルに合わせ下がって配置されてしまいます。 左のテーブル配置を上揃えにするには、どのように設定したらよいのでしょうか。 ご教授の程、何卒よろしくお願いします。

  • テーブルとDIVとCSSについて質問です。

    テーブルとDIVとCSSについて質問です。 テーブルタグのtdにdivで、写真を入れたい(写真の周りにdivで枠の飾りみたいのをつけたいから)です。 その下に、CSSで定義した文字を入れたいのですが、 tdが横に2つ(=つまり、写真が2つ並ぶ)と、左の写真の下の文字を3行にし、 右の写真を下の文字を2行にすると、縦の中央になってしまい、 右が少し下にきてしまいます。 どう、定義したらいいでしょうか? また、その文字らを、text-align="center"でCSSで定義しても、 デザインですとセンターに見えても、ブラウザでみると、左揃えによってしまいます。 どう書いたらいいか、あわせて教えてください。 また、tableにdivを入れたらダメの場合は、どうやったら、いいか教えて下さい。 よろしくお願いします。

  • HPの表やテーブルについて。

    HPの作成のために、テーブルという素材をダウンロードしました。 フリー素材を配布しているサイトさんからです。 テーブルは、9個のパーツ(イメージ)からできていて、縦横のサイズは自由にできます。 そのテーブルを、ページ上で自由に配置したいのですが、どうすればよいでしょうか。 中央配置や、左インデントなどではなくです。 また、表の位置も自由に配置するには、どうすればよいでしょうか。 教えてください。

  • テーブルの中にテーブルを入れ込んで・・・

    最近、質問ばかりしてるような気がするのですが・・・ m(__)m 親テーブルのセルの中に子テーブルを入れ込んで 子テーブルを親テーブルのセルの縦位置を中央に表示させたいのですがうまく行きません NN6.Xでは表示されるのですがIEだと上寄せに 表示されてしまいます。 これはIEの仕様でしょうがないのでしょうか? (↑けしてダジャレではありません(^^ゞ) セル内配置でテキストや画像は上手く 中央位置に出来るのですが子テーブルが出来ないです なぜでしょうか? 参考のためにソースコードを --------------------------------- <table width="100%" border="1" height="100%"> <tr> <td align="center" valign="middle"> <table width="50%" border="1" height="50%"> <tr> <td> </td> </tr> </table> </td> </tr> </table> ------------------------------------- よろしくお願いします。 スタイルシートやjavascriptを使ったやりかた とかもあるのでしょうか?

    • ベストアンサー
    • HTML
  • テーブルを

    テーブルの位置を、指定したいんですけど・・ 私の知ってるタグは右に寄せる(right)、中央に配置(center)、左に寄せる(left)の三つだけです。 左と、中央の間ぐらいに配置したいんですけど・・ どうすればいいでしょうか?

  • シート名が半角数値だったら、それら全シートに設定を。

    エクセル2000です。 マクロを作成したいのですが、どなたかお知恵をお貸しください。 やりたいこと。 シート名が半角数値だったら、それら全てのシートに下記の設定を施しなさい。 ↓ココから 選択した全シートの1行目は左揃え。 選択した全シートの2行目,3行目は中央揃え。 選択した全シートの4行目以下の全行について、横位置を・・・ A列→中央揃え B列→左揃え C列→中央揃え D列→右揃え E列→左揃え&折り返して全体を表示する。 F列→中央揃え G列→中央揃え 選択したシート全ての縦位置を・・・ 全てを中央揃え ↑ココまで ↓ココから ↑ココまで  は、自動マクロですでに作成してあるので、OKです。 知りたいこと。 シート名→1,2,3,・・・、いくつまでシートがあるかは不明確であり(今後増える)、 かつ、数値が飛び飛びになる可能性がある場合の設定の仕方を知りたいです。 シート名が1,2,4,5,10・・・などとなる場合があります。 このような場合、どのように設定したら良いのでしょうか。 よろしくお願いいたします。

  • Excel エクセル グラフ データテーブル 文字の揃え

    エクセルグラフのデータテーブルでは、文字が必ず中央揃えになります。 任意に右揃え、左揃えなどはできないのでしょうか? 数値の桁が違っている場合、中央揃えだと見栄えがイマイチなのです。 どなたかやり方をご存知の方いらっしゃいませんか?

  • テーブルの作成で

    初心者ですが子供の野球チームのホームページを作っています。 写真を飾るページを作っているのですが、テーブルを額縁のようにして 横に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> で額縁ひとつができたんですが、それを横にも縦にもならべる方法を教えてください。よろしくお願いします。

  • テーブルの位置について

    3列以上のテーブルの位置についてお伺いします。 以下をxhtml,cssで実現するにはどのように指定すればよいのでしょうか? ・テーブルの最終列は画面上の一番右に寄せる ・最終列以外の列が、画面の中央にくるようにする  (各列の幅を吟味して、位置を自動調整させたいです) どうかお願いいたします。

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

    今、初めてホームページを作成(HTML)しているのですが テーブルの位置に困っています。 私は、微妙に中央よりの左にしたいのですが どの本、サイトにもテーブルなどの位置設定には ARIGN=""で左、右、中央の極端な位置しかありません。 微妙な位置はできないのでしょうか? 友達に聞いたところ(友達も初心者なのですが) <body leftmargin="★">~</body> ★の中に25pxとかの数字を入れる。で左側が空く というのをどこかでみつけたらしくやってみたのですが できませんでした。 難しいことはよくわかならいので 簡単な方法で教えていただければ嬉しいです。

専門家に質問してみよう