画像を左に配置してそのとなりに文字を書く。出来事etcをつづっています。方へ目次なんでも掲示板画像掲示板ブログペットキリぺた帳検索トップ--年--月--日スポンサーサイト上記の広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。画像を左に配置してそのとなりに文字を書く。(CSS編集)ブログの記事を書くときには、文字ばかりでなく、画像を入れることが多いですね。ところが画像を入れたいのだけど、思ったところに画像を配置するのは、なかなか難しいと感じることはありませんか?(yozoはかなり苦労しています。)そいういうわけで、ちょっと画像の配置について考えてみることにしました。この記事の内容は、CSS編集が可能なブログならどのブログでもできます。通常、記事に画像を入れると左揃えになって、画像の続きに文字を入力すると、文字は画像の下にきます。画像のとなりに文字を書く。記事の左にある画像の右側に文字を書きたいときは、float:left;とします。これは画像を左(left)に配置して、文字はその画像に回り込ませるという指定です。文字の最後は、clear:both;で回り込みを解除します。}この画像と文字のソースコード(この画像を文字を記事に入れるとき、下の通りに入力します。/>これで回り込みが解除されました。/>これで回り込みが解除されました。←「BlogPetくらいから紫がとても好きになって現在に至ってます。アセアセ・・・これで回り込みが解除されました。左に画像の2つ並べてそのとなりに文字を書く。2つの画像を左にそろえて並べますから、class="imgleft"を2回使います。文字の最後は、clear:both;で回り込みを解除します。※CSS編集で追加するコードはありません。この画像と文字のソースコード(この画像を文字を記事に入れるとき、下の通りに入力します。/>これで回り込みが解除されました。/>これで回り込みが解除されました。←使い勝手がいいかもね♪検索されてるかなぁ?♪でもそれならうれしいね♪何しろここのブログのモットーは「わからないことは、みんなで解決しよう!」だからね♪(*^-^)これで回り込みが解除されました。この記事のやり方は、yozoが実際にやってみたことを書いているだけです。この記事のやり方だけしかないというものではありませんし、もっと簡単で、すばらしい方法もあると思います。この点をあらかじめご了承ください。言うまでもないことですが、この記事を参考にされるのでしたら、「CSS編集」は自己責任で行ってください。この記事を参考にされた場合は、結果や感想を、CommentやTrackbackしていただけたら、うれしいです。「これではおかしいのでは?」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。画像を左右に並べて間に文を書く画像タグのエラーを回避する。図形のalign属性によるWin+IEの表示の不具合を直す。これはとっても分かりやすい記事ですね!!私もブログを始めたころに「回りこみ」で検索していろいろ調べたなぁ♪そのときにこの記事があったらよかったのにと思いました!!(笑)私はimgの中にクラスを入れるタイプで回りこみをしていますが、divに入れるというのもありですね。ー!!とっても分かりやすい記事でした。はじめまして♪miyuと申します。カンタンに画像を並べる事が出来たのですが2つ目のブログをFC2で開設して1ヶ月・・・。思うようにいかずに悩んでいたところでした。参考にさせていただきながらカスタマイズを勉強していこうと思っています。editコメントyozoさん、こんばんわ\(^0^)/デザイン、変えたんですね。