• 締切済み

初心者です。画像2枚と文字を配置する方法を教えてください。

こんにちわ。 ホームページ製作初心者です。 とても基本的なことで恐縮ですが、画像を2枚を左に。その右にその画像を説明する文章をテーブルでくみたいです。 下に雰囲気を書いておきます。  「 写真 」     文章~  「 写真 」     文章~ 画像の基本的な挿入や、画像位置を左にするとか、hspace= で画像と文章を少しあけるとかは、わかるのですが、写真を縦に並べ、その右に文章をきれいに配置することができません。 文章は、その2枚を説明するので、続けて書いていきます。 できるだけシンプルな方法で教えていただけると助かります。 先輩方にアドバイスをお願いいたします。

みんなの回答

回答No.2

画像2枚をdiv要素などで囲い、float:left;し、 p要素などで文章を書いて、文章が終わった次の要素にclear:left;と書いてみて下さい。 恐らくこれでできると思います。 画像と文章の間に隙間を開けたい場合は、 画像を囲っているdivのmargin-right:数値+単位;で調節をします。 とここまで書いてすみません。 表なんですね。 先の方の回答の通りrowspanで縦のセルを繋げることができます。 http://www.tagindex.com/html_tag/table/td_span.html

全文を見る
すると、全ての回答が全文表示されます。
noname#102089
noname#102089
回答No.1

<table> <tr> <td><img src="hoge.jpg"></td>←ここが上の写真 <td rowspan="2">2枚分の写真の説明</td> </tr> <tr> <td><img src="hoge2.jpg"></td>←ここが下の写真 </tr> </table> 質問者さんのイメージに合うかどうかわかりませんが、ご参考まで。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • Openoffice Calc の画像配置について

    Openoffice3.3のCalcの使い方について教えてください。 小さめの画像を一枚の表の中に複数配置したいのですが、 セルの中に挿入した画像の位置指定の仕方が分かりません。 挿入した画像を右クリックしたメニューの中の「配置」という項目は、 「何も選択できません」と表示されてしまいます。 また、同じく右クリックのメニューの中の「位置とサイズ」という項目でも、 位置の数値指定をすれば配置位置は動きますがセルごとに一枚一枚指定するのが大変です。 やりたいことは、テキストの「右揃え」「中央揃え」のように、 挿入した画像にも手軽にセルの中で位置指定がしたいのです。 分かりづらい文章で申し訳ありませんが、ご存知の方居ましたら回答宜しくお願い致します。

  • gmailの本文中に挿入した画像の配置

    表記の件、WORDで画像を挿入して、「前面」にすると、文中のどこにでも配置することが出来ますよね。 それと同じように、gmailのメッセージの中に挿入した画像を、任意の位置に配置することが出来るでしょうか? 左揃え、中央揃えは出来るみたいですが・・・・

  • Wordでの図の配置

    WordにEPS形式の画像データを挿入しました。 場所は左よりになっています。 これを右の方に移動させたいと思っています。 ドラッグしようとしてもできません。 どのようにしたら、自由な位置に配置できるようになるでしょうか? よろしくお願いします。

  • Illustrator配置のjpeg画像が粗い

    いつもお世話になっています。 Illustrator10で、ホームページ用のレイアウトをしています。文章と写真が混ざっているデータです。写真は数枚あり、全て同じ大きさにしたいので、それぞれトリミングしていないjpeg画像を配置→マスクして写真を切る位置を決めました。 切る位置が決まったので、photoshopで実際に切り抜き、解像度を72に統一しました。切り終えたので、今度はマスクでなく、普通に配置してみたのですが…マスクしていた時に比べ、画像が荒くなってしまいます。 なぜでしょうか? マスクしていたときも解像度は72にしていました。形式はどちらもjpegです。ただ、トリミングしていない画像だったため、トリミング後の画像の1.5倍位の大きさでした。これが原因でしょうか? 説明が下手で伝わるかどうか少し不安なのですが、お分かりの方いらっしゃいましたら、よろしくお願い致します。

  • テキストの回りこみについて

    Tableのことについてお教えください。 Tableの中の左上に画像を固定して、その右に文章を入れたいと思っています。 文章が長いので画像の下に回りこむようにしたいのですが、うまくできないのです。 画像だけだったら左に固定すれば簡単にできますが、画像の下に写真の説明の文章を入れたいため、Tableを入れ子にしています。 Tableの中のTableを左上に固定するというのは、できるのでしょうか? 基本的なことかもしれませんが、ご存知の方がいらっしゃいましたらお教えいただければと思います。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • ホームページ制作 テーブル内、上のラインを揃えたい

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

  • HTMLでの画像配置

    初めてHPを作成しているのですが、 画像を好きな位置に配置して固定したいのですが やり方がわかりません・・・ へんな位置に表示されてしまい、ウィンドウの大きさによって位置もずれてしまいます。 写真の配置と固定の仕方を教えて下さい... 文字の固定もおねがいします・・・

  • CSSでのテキストの下に画像などを配置したい。

    CSSでレイアウトしたページを作っています。 画面左のナビをテキストで作成しました。 (ヘッダーの下に、左のナビと右のメインエリアという構造) テキストの周囲をボーダーで囲んであります。 (TABLEは使っていません) テキストでの一覧のメニューの下に、画像のボタン等を配置したいのですが、メニューのテキストのテキストサイズを固定していないため、ブラウザの文字サイズを大きくしたりすると、メニューが縦に伸びたりします。 この時、メニューの下に配置する画像を、上のメニューの大きさ(縦幅)が変わってもそれに合わせて配置を上下させたいのですが、どうすればいいのでしょうか? とりあえずposition:absoluteでは絶対位置で指定されてしまうので、うまくいかないってことは分かっているのですが・・・ CSS自体まともに使うのは初めてなので、本等で調べながらやっているのですが、この部分が解決できません。

  • CSS 画像の配置について

    http://www.handmc.jp/pc/index.html こちらのページにある メインの写真が2枚 バック画像の上に並べられていますが これをCSSで配置するにはどうしたらよいでしょうか? 背景のグレーのグラデーションもあるので 写真の上に写真を並べているように見えます 今までのテーブルであれば簡単なのですが 沢山本を買ったり WEBで調べていますが  画像配置の方法が文字の回り込みのものばかりで  このページのように画像背景の上に  さらに画像背景を配置する方法を知りたいと思っております  お手数ですがどなたがご教授お願いします

    • ベストアンサー
    • HTML
  • 画像を自動的に配置できるフリーソフト

    はじめまして。 仕事上、商品の写真を並べ詳細を記載した資料を作ることが頻繁にあります。 通常はA4サイズのエクセルシートに12~16枚の画像を’挿入’し、拡大縮小をして配置をしていきます。 これを何枚も作るのが少々手間で、出来れば選択した画像を自動的に配置してくれるソフトがあれば嬉しいです。widowsに装備されている、印刷機能で似たようなのがありますが、その機能で書類として保存できないので使えません。 また基本的には写真メインで構わないので、最悪、詳細の記入が出来なくてもいいです。 とにかく、画像を決まったフォーマットに自動で配置してくれて、メールなどで遅れるファイルで保存できるものを探しています。 説明が下手で申し訳ありませんが、是非ご協力お願いします!