ここから本文です

ホームページを作成しており、HTMLで画像を以下のように載せたいのですが、どのよ...

アバター

ID非公開さん

2016/7/2510:59:51

ホームページを作成しており、HTMLで画像を以下のように載せたいのですが、どのようにすればいいでしょうか?教えてください。

画 画像2

1 画像3

わかりずらくて申し訳ありませんが、つまり大きめの[画像1]の隣に、[画像2]と[画像3]を2段に分けて載せたいのです。どうぞよろしくお願いします。

閲覧数:
35
回答数:
2

違反報告

ベストアンサーに選ばれた回答

kis********さん

2016/7/2511:27:20

画像見たいな感じでしょうか?
自分は画像回り込みタグを使っています。

タグ
<img src="画像1" align="left">
<img src="画像2" width="50%">
<img src="画像3" width="50%">
<br clear="left">

即興で作成したので、画像サイズはざっくりとしていますが、
実際は、サイズ指定して下さいね。

画像見たいな感じでしょうか?
自分は画像回り込みタグを使っています。

タグ
&lt;img...

アバター

質問した人からのコメント

2016/7/25 11:42:19

迅速なご対応ありがとうございます!
お二人の回答とても参考になりました。
画像まで付けて分かりやすくご説明していただいたのでkisukepondvalleyさんをベストアンサーに選ばせて頂きます。
本当にありがとうございました!

ベストアンサー以外の回答

1〜1件/1件中

kur********さん

2016/7/2511:17:08

[tableを使用する]
<table border="0">
<tr>
<td rowspan="2"><img src="image1.png"/></td>
<td><img src="image2.png"/></td>
</tr>
<tr>
<td><img src="image3.png"/></td>
</tr>
</table>

簡単ですが、tableタグをレイアウトに使用するのはいかがなものか?と思う所があります。

[div+css]

html:
<div class="box">
<div class="box-cell"><img src="image1.png"/></div>
<div class="box-cell">
<div><img src="image2.png"/></div>
<div><img src="image3.png"/></div>
</div>
</div>

css:
.box{
display : table;
}
.box-cell{
display : table-cell;
}

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる