- ベストアンサー
画像の横に画像を配置したいです。
画像が1個あって、その横に画像を少し離して配置したいのですが、ふつうにすると、横に行かずに、画像の下に行ってしまい、画像が縦に2つ並ぶ形となってしまいます。そうではなくて横に画像を2つ並べるにはどうしたらよいのでしょうか?お願いします。
- kuratakura
- お礼率33% (4/12)
- HTML
- 回答数5
- ありがとう数2
- みんなの回答 (5)
- 専門家の回答
質問者が選んだベストアンサー
ふつうにするとの定義が不明。 ふつうにすると横にいくと思いますが・・・ 対策1 スペースでインデントする(ベタな方法) <img src="1.jpg"> <img src="2.jpg"> 対策2 divでfloatする。間隔はmarginで調整。 <div style="float:left;margin-right:50"><img src="1.jpg"></div><div><img src="2.jpg"></div> 対策3 imageを直接floatする。間隔はmarginで調整。 <img src="1.jpg" style="display:block;float:left;margin-right:50"><img src="2.jpg" style="display:block;">
その他の回答 (4)
- goldfox
- ベストアンサー率49% (123/249)
「ふつうに」書けば画像は横に並びます。 「横に行かないふつう」のソースはどのようなものですか? (ソースを提示しましょう) 画面の表示領域の横幅が画像2枚の横幅に足りないということはありませんか? > 少し離して この「少し」とはどの程度ですか? それによって回答も方法も変わってきます。あいまいな書き方はせず自分がやりたいことを詳しく書くようにしましょう。 <p><img src="1.jpg" alt=""><img src="2.jpg" alt=""></p> 画像の間にスペースを空けるには余白を指定しましょう。 <p><img src="1.jpg" alt=""><img src="2.jpg" alt="" style="margin-left:10px;"></p> 画面横幅が足りなくて折り返されてしまうなら、pの横幅を指定しておきます。(横幅=1.jpg横幅+2.jpg横幅+余白) <p style="width:800px;"><img src="1.jpg" alt=""><img src="2.jpg" alt="" style="margin-left:10px;"></p>
- 345itati
- ベストアンサー率48% (795/1639)
スタイルシートはいかが。 →http://www.tagindex.com/stylesheet/box/float.html
- kaesal
- ベストアンサー率44% (8/18)
私も「table」タグを使うのがいいと思います。
- dkljdkfsj
- ベストアンサー率23% (13/56)
色々方法はあります。 table タグとか
関連するQ&A
- リンク画像の配置。
ジオクリエーターでホームページを作っているんですが、 http://www.geocities.jp/tomo_totsukawa/index.html 下のほうで いろいろのボタンと、無地のボタン(まだページ無し)があるのですが、横にに配置になってます このボタンを縦に配置したいのですが、どうすればよいですか? いろいろの下に 無地のボタンを配置したいのですが。
- 締切済み
- レンタルサーバ・ASP
- 画像の横に文字をうまく配置できない
htmlで、画像の横に文字を配置したいのですが、下記の文章を入力しても、一行目の「タイ王国の伝統灰皿 \1,500」が画像の右下に配置され、「商品番号:a111」は画像の下に配置されてしまいます。ちなみにalign="right"と設定しても、なぜか上記(align="left")と全く同じ配置になってしまいました。何か根本的に間違っているのでしょうか?ドリームウィーバーのデザインビュー上では思い通りのデザインになっているのですが・・・ ちなみにIEのバージョンは8です。どなたかアドバイスをお願いします。 <div id="contents"> <img src="img/商品(仮).JPG" width="300 height="300"align="left"/> タイ王国の伝統灰皿 \1,500<br> 商品番号:a111<br clear="left"> </div>
- ベストアンサー
- HTML
- 画像解像度とサイズと配置
Painter Essentials4とPhotoshopCS4とillustratorCS4を使用しています。 Painter Essentials4で、キャンバスサイズ横1600ピクセル×縦1200ピクセル、 解像度350で、画像を作成しました。 その画像を同じキャンパスサイズのillustratorCS4に配置したら、 とても小さな画像になってしまいました。 同じサイズにするにはどうしたら良いでしょうか? また、キャンバスサイズ横1600ピクセル×縦1200ピクセル解像度350で、 Painter Essentials4やillustratorCS4で背景画像を作ったとします。 それを、PhotoshopCS4のキャンパスサイズ横600ピクセル×縦600ピクセル、 解像度350の所に配置すると、Photoshopで設定したキャンパスサイズに 合うように縮小されてしまいます。 これを、元のサイズで配置するにはどうしたら良いのでしょうか? 画像解像度の違いでサイズが変化するのは解ったのですが、 どうしたら元のサイズで配置出来るのでしょうか? Photoshopとillustratorのバージョン9を使用していた頃は こんなことはなかったのですが…。 よろしくお願いします。
- ベストアンサー
- グラフィックソフト
- 家具の配置について
部屋の家具配置についてお聞きしたいです。 折りたたみベッドを貰ったのですが、配置に困っています。 部屋は手書きの画像の通りです。縦340、横230の長方形です。斜線の部分は、隣の部屋と仕切ってあるドアになっているので、そこは塞がないようにしたいです。 家具は以下の通りです。 ベッド(縦200、横100、高さ30)、机(縦60、横110、高さ75)、タンス(奥行45、横80、高さ130) ラック(奥行35、横70、高さ125)、鏡台(奥行50、横70、高さ40) です。 両方の窓がベランダに出られるようになっいて、縦側の窓から日差しが入ります。また、ベッドはソファになります。 出来れば具体的なアドバイスを宜しくお願いします。
- 締切済み
- その他(暮らし・生活お役立ち)
- 画像の横に1/2の高さの画像を2枚上下で並べて配置
HTML初心者です。 1枚の画像の横に、1/2の高さの画像を2枚上下で並べて配置する方法はありますか? <!-- 画像を括るボックスのwidth値は画像サイズの単位である px を指定する --> <p style="width: 100px; padding: 10px;"><img width="100" height="100" src="./test.png></p> 他のサイトで上記がHITしたのですが。。 スタイルシート(?)ではなく、HTMLで出来るのであれば知りたいです。 すみませんが、ご確認よろしくお願いします。
- ベストアンサー
- HTML
- 印刷物を作るときの画像配置について
今某商社様のお中元用チラシを作成しております。 そこでふと疑問に思ったのですが・・・。 通常、私は背景や、写真などの画像を印刷物に配置する場合、 photoshopで実際に使う画像の大きさで350くらいの解像度で作成してからイラストレーターに配置します。 ところが、参考として渡された昨年のデータをみてみると、 どうやら大きいままイラストレーターに配置して、イラストレーター上で大きさを変えているようなのです。 リンクパレットで該当画像をクリックしてみると「変形」という項目のところが「拡大・縮小」(縦/横)(6%,6%)とかになっています。 私の作成したデータだと、実際の大きさに加工してから配置しているので、ここはもちろん(100%,100%)なっています。 当然といえば当然ですが、モニタで見たときや拡大したときは参考としてわたされたデータの画像のほうがきれいに見えます。 今まで私のやり方が正しいものとばかり思っていたので、モニタで拡大したときなど、自分の作成したデータに配置されている画像が粗くなっているのを見ると、実際に印刷されたときはどっちがきれいなのだろうと、不安になってきました。 文章がへたくそで申し訳ないのですが、実際の画像配置で正しい方法はどちらでしょうか? また、モニタでみていて拡大したら、あらくなっても、実際に使う大きさで350ほどの解像度があれば、問題なくキレイに印刷されるのでしょうか? よろしくお願いします。
- ベストアンサー
- 画像・動画・音楽編集
- ブログで画像を横に2つ並べる方法
ブログで画像を横に2つ並べる方法を教えてください。ちなみにライブドアブログです。縦に2つ並べる場合は、普通に2つアップロードすればいいんですよね?横に2つになると..... よろしくお願いします。
- ベストアンサー
- ブログ
- 縦300横400の画像を、縦384、横512にすることはできますか?
縦300横400の画像を、縦384、横512にすることはできますか? 引き延ばしではなく、余白があったり少し端が切れてもいいので、元のサイズでできる方法でお願いします。
- ベストアンサー
- その他(インターネット・Webサービス)
- DreamWeaverで四角でない形の画像配置
初心者です教えて下さい。 DreamweaverMXで、背景に模様のある画像を使って、 その上に画像を配置したいのですが、 四角い画像は普通に挿入すればできますよね。 四角ではなく丸とか、たとえばハートの形の画像を その形のまわりは透けて背景が見えるように配置するには どうしたらよいでしょうか? そういうことはそもそもできますか?
- 締切済み
- ホームページ作成ソフト
お礼
お返事ありがとうございます。 2の方法でやってみて、確かに横に移動させることができたのですが、その上にさらに同じ画像が2つ出てきてしまい、2つしかつけていないのに、合計4つの画像が出てきてしまって、その新たに出てきた2つの画像にはバツが付いてしまってます。2つだけにするにはどうしたらよろしいのでしょうか?よろしくお願いします。