• 締切済み

ホームページ制作 テーブル内、上のラインを揃えたい

DreamWeaverでホームページを作っています。 テーブル(2行1列)で、左に画像、右に文章、というデザインです。 各セル内の、左の画像と右の文章を必ずセルのトップラインからの配置にしたいのですが、、。 画像が大きくて文章が少ないと、 右の文章が画像の真中のラインになってしまいます。 また、写真が小さくて文章が長いと、文章が写真より上のラインから始まってしまいます。 解決方法はあるでしょうか? よろしくお願いします。

みんなの回答

  • salonpath
  • ベストアンサー率48% (194/399)
回答No.1

「2行1列」じゃなくて「1行2列」ですよね? htmlだと対象のセルに<td valign="top"> cssでやるなら th,td{ vertical-align:top; } など

この投稿のマルチメディアは削除されているためご覧いただけません。
bedstuy
質問者

お礼

ありがとうございました。 検索しながら、align top と書き込みしていたのですが、 横なのでv,,だったのですね。 本当に助かりました、ありがとうございます。

関連するQ&A

  • DreamweaverMX 角丸テーブルについて

    DreamweaverMXを只今勉強中です。まだ使いはじめですが わかりません。どなたかわかる方教えて下さい。テーブル3行3列で指定のイメージ画像を各セルに挿入しています。角丸テーブルの場合はスペーサーを入れるのですよね?1行2列目(真中)、2行1列目(左)、3列目(右)3行2列目(真中)に入れましたがなぜが表示が崩れてしまいます・・ 少し詳しい方に伺ったところイメージ画像を背景に入れたほうがいいといわれたのですが・・それは関係ありますか?

  • テーブルについて

    初歩的だと思いますがわからないので教えてくださいm(__)m 同じ行に画像とメニューを置こうとしてテーブルを横に並べて2個配置しました。それで左のテーブルには画像を右のテーブルにはメニューとならべてメニューは右はじに設置したかったので右に寄せました。で私のPCで確認するとちゃんとなってたのですが、ワイド型のPCで見るとメニューのテーブルが真ん中までしかいってなくて格好がわるくなってました。たぶん、右テーブルのサイズが悪いと思いますがどのPC(ブラウザ)でもメニューが右はじにくるようにしたいです。回答よろしくお願いします。なおホームページビルダーを使って作りました。 --------------------------------------------------------------------- | --------------------------- |---------------------------こっこに | | | | |すきまが | | | | top|できます | -------------------------- ---------------------------|

    • ベストアンサー
    • HTML
  • DreamWeaver8 テーブル間のセル行幅変更

    DreamWeaver8にて4行3列のテーブルを作成しました。 各セルの中に画像を隙間なく埋め込もうとしているのですが、 画像の上下に余白がついてしまうので、セル幅を変えようと セルのラインをクリック→ドラッグして行幅を狭くしたいのですが、 他の動かしたくないセルの行幅までも動いてしまい、テーブル全体が 大きくなってしまいます。 任意の1つのセルのみ行列幅を変更したい場合はどのように すればよろしいのでしょうか。

  • テーブルのレイアウトがうまくいきません

    DreamweaverMXで簡単なホームページを作っています。 テーブルをつかってレイアウトをしようと思いましたが、思うようになりません。やり方が間違っているのでしょうか? まず大枠で1行3列のテーブルを作り、幅だけ800pに指定。(高さ指定はしていません) 両端の列はそれぞれ幅だけ180pに指定。 で、そのそれぞれの列の中にまた必要なテーブルを作ってレイアウトしようとしてるのですが 一番左の列の中にテーブルが3つ入っていて一番縦長になっています。真ん中と右の列にも必要なテーブルや画像を入れているのですが左の列が長いせいかそれぞれの列の一番上がそろいません。左の列の長さに合わせて一番大外のテーブルの高さが決まってしまってしまいますが、真ん中と右の列の中のテーブルたちは左の列の高さの真ん中に配置されてしまいます。 方法がまずいのでこうなってるのだとは思いますが、本を見ながら勉強しつつやっていますが思うようにいかないので質問させてもらいました。 一番上をツライチに合わせるにはどうすればいいのでしょうか? というか上記の方法の悪いところを指摘していただければと思います。よろしくお願いいたします。

  • Dreameweaver テーブルの作成について

    お世話になります。 Dreamweaverでのテーブルの作成について質問させていただきます。 2行3列のテーブル。 (1列目幅30ピクセル2列目幅740ピクセル3列目幅30ピクセル) 2行目は3列を結合させて1つのセルにしています。 そこに横幅800ピクセル画像を挿入しています。 けれどもどうしても、画像とテーブルの間に隙間が開いてしまっています。 レイアウトモードでみると800(801)となっています。 この()の意味と、どのようにしたら画像の幅とテーブルの幅がぴったりになるのでしょうか。 初心者で、質問が上手くできていないかもしれませんが、宜しくお願い致します。

  • DreamWeaverでテーブルの作り方(初心者です)

    皆様 宜しくお願い致します。 初めてDreamWeaverを使用しましたが、HTML等何も分からない為、かなりやられております。 取りあえずテーブルを配置しそこに色々はめ込んでいけば、何となく出来るかな、と思っています。 その際、下記の様なテーブルを作成したいと思っていますが、やり方が分かりません。 どなたか教えて頂ければ幸いです。 縦列 2行 行(横の列) 左側の列に1行 右側の列に4行 こんな感じです。 分かりづらくてすいません。 宜しくお願い致します。

  • テーブル内の画像を横並べにしたい

    HTMLテーブルの学習中の初心者です、よろしくお願いいたします。 テーブル内に画像を配置すると縦並びになってしまいます。 これを横並びにしたいのですが、(添付画像参照ください) 同じテーブルの上段には既に列を分けてある1行目があります。 問題の2行目、列を分けてそれぞれのセルに画像を当て横幅を指定 という方法ですと上段の横幅に揃ってしまうのか、幅が大きく広がり過ぎてしまいうまくいきません。 テーブル以外にも方法はあるようなのですが 現在テーブルの学習をしているためテーブルでのやり方を調べています。 初心者ですので解りやすいもっともシンプルなやり方ございましたら ぜひご指導お願いいたします。

  • DREAMWEAVERでホームページを制作中なのですが、レイアウトが崩れて困っています。

    ページレイアウトは、トップ(タイトルバナー)・左(メニュー)・右(メインコンテンツ)・ボトムといった構造です。 Fireworksで全体のイメージを切り出してからDREAMWEAVERで制作するというスタイルなのですが、右側(メインコンテンツ)に文字や画像を挿入すると左側のメニューが、メインコンテンツの文字や画像を挿入したことにより、余白が生まれ縦に伸びてしまいます。 左メニューのセル高さが絶対に崩れない方法をご存知でしたらご教授お願いいたします。

  • テーブルレイアウト

    テーブルレイアウトで困っています。 <table width="100%" height="100%" border="1"> <tr> <td colspan="2" valign="top" height="100">全体の幅は100%</td> </tr> <tr> <td width="150" valign="top">左のセル<br>幅150</td> <td valign="top">右のセル<br>幅指定なし</td> </tr> </table> これだと問題なく表示されるのですが、 <table width="100%" height="100%" border="1"> <tr> <td colspan="2" valign="top" height="100">全体の幅は100% 少し長い文章を入れる</td> </tr> <tr> <td width="150" valign="top">左のセル<br>幅150</td> <td valign="top">右のセル<br>幅指定なし</td> </tr> </table> このように1列目のセルに長い文章を入れると、2列目の左のセルの幅が勝手に広がってしまいます。 何が原因で、対処法はないでしょうか? Netscape7.1ではこうならないんですが、IE6では勝手に崩れてしまいます。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • Dreamweaver4でのテーブルレイアウト表示

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

専門家に質問してみよう