2007年07月12日

文字の回り込みと回り込みの解除

よく問い合わせがあるのが、画像の横に文章を入れる方法です。
特に縦長の写真の場合は横に大きな空白ができてしまうので、ここに文章が入ると見た目がすっきりします。

ある程度の知識が必要となりますが、ブログの設定などをいじるわけではないので、「失敗したら記事ごと削除してしまえ!」ぐらいの気持ちでチャレンジしてみてください。


HTML で設定します

【解説】
画像を表示させるためのタグ<img src="http://〜 />の部分をちょこっといじるだけです。
align="left" で画像を左側に配置し、文章を回り込ませます。
<br clear="all"> で回り込みを解除します。
この2つをセットで使います。
leftrightにすると、画像を右寄せして文章を画像の左側に回り込ませます。


※以下の文中の[]は、半角(英数字モード)のスペースを意味します。
 スペースは見えないので、ここでは便宜上使います。

【回り込み設定】

まずは画像をファイルマネージャーからアップロードします。
次に画像をサムネイルで挿入します。
ここまではいつも通りです。

さて本番、記事内容入力欄にゴチャゴチャ書いてあるタグの中から、画像を表示させるためのタグ<img src="http://〜 />を探してください。

見つかったら、一番最後の部分、[]/>の直前に
[]align="left"[]hspace="5"[]vspace="5"を足して、
 align="left" hspace="5" vspace="5" />と変更します。

いちいちキーボードで打つのが面倒なら、[]/>の部分だけ上書きになるように
 align="left" hspace="5" vspace="5" />をコピーして貼り付けてください。

hspaceは水平、つまり画像の左右に設定する余白のことで、5というのは5ピクセルの意味になります。
vspaceは垂直、画像の上下に設定する余白です。
これらの余白がないと、画像と文章がくっついて見苦しくなってしまいます。
余白の数値は5ピクセルでなくてもいいのでお好きにどうぞ!


【回り込み解除】

文章の後に
<br clear="all">
を足します。
これがないと本文の下にあるposted〜の部分が横にはみ出します。


例)

縦長の写真ここに画像の横に回り込ませる文章を入力します。ここに画像の横に回り込ませる文章を入力します。ここに画像の横に回り込ませる文章を入力します。ここに画像の横に回り込ませる文章を入力します。ここに画像の横に回り込ませる文章を入力します。ここに画像の横に回り込ませる文章を入力します。

posted by いさはやザイズスタッフ at 23:10 | Comment(890) | 本文・中級(css)
この記事へのコメント
信用第一/正規取扱店→www.copybrand3.com←

≡≡≡★★★★★大注目★★★★★≡≡≡

当店の承諾に→誠実 信用 送料無料(日本全国)
日本的な人気と信頼を得ています。
2013年最新作ルイヴィトン新品、新素材入荷!

人気唯一ブランド専門店www.copybrand3.com
主要取扱商品:バッグ、財布、腕時計、ベルト、マフラー 。
ルイヴィトン、グッチ、シャネル、ブルガリ、エルメス、プラダ等海外高級ブランドがここに集結。
非常に親切で丁寧な対応で、良い品物がそろっています。
ご注文の方は、【卸売、小売など歓迎】ご連絡下さい。

スーパーコピー時計http://www.copybrand3.com

ルイヴィトン偽物http://www.13goodbag.com
エルメスコピーhttp://www.1313goodbag.com
Posted by ブランド偽物 at 2013年11月06日 22:19
信用第一/正規取扱店→www.copybrand3.com←

≡≡≡★★★★★大注目★★★★★≡≡≡

当店の承諾に→誠実 信用 送料無料(日本全国)
日本的な人気と信頼を得ています。
2013年最新作ルイヴィトン新品、新素材入荷!

人気唯一ブランド専門店www.copybrand3.com
主要取扱商品:バッグ、財布、腕時計、ベルト、マフラー 。
ルイヴィトン、グッチ、シャネル、ブルガリ、エルメス、プラダ等海外高級ブランドがここに集結。
非常に親切で丁寧な対応で、良い品物がそろっています。
ご注文の方は、【卸売、小売など歓迎】ご連絡下さい。

スーパーコピー時計http://www.copybrand3.com

ルイヴィトン偽物http://www.13goodbag.com
エルメスコピーhttp://www.1313goodbag.com
Posted by ブランド偽物 at 2013年11月06日 22:17
スーパーコピーブランド
http://www.bag0794.com/
ブランドコピー,ルイヴィトンコピー,ルイヴィトン財布コピー,ルイヴィトンバックコピー,スーパーコピー販売
ブランドコピー 品のスーパーコピー販売専門ショップです。ハイクオリティのルイヴィトンコピー 財布と人気ブランド財布 コピーとバッグをご提供し、安心と信頼ができる老舗です。
<a href="http://www.bag0794.com/" target="_blank">スーパーコピーブランド</a>
Posted by スーパーコピーブランド at 2013年11月03日 20:53
媚薬コムーD9催情剤 通販
■女性の性欲低下、分泌物が少ないなどの症状の方に喜ばれ、性行為での快感を劇的にします。
無色で味がない液体なので、言われなければ飲んでいることすら気がつかない程の飲みやすさです。
暫くすると女性の腟内はムズムズし、太もも内側の力が抜け、熱い下半身は抑えが効かなくなることでしょう。
http://www.biyaku.com/spanische-fliege-d9.html
無料媚薬
http://www.biyaku.com/muryoubiyaku/
媚薬コム
http://www.biyaku.com/
Posted by 媚薬コムーD9催情剤 通販 at 2013年10月31日 16:28
激安スーパーコピー時計通販専門店-偽物時計販売
コピーブランドバッグ
偽物時計
バッグコピー
スーパーコピー時計
当店のURLは http://www.brandbuyjp.com
http://www.copywatch77.com
メールアドレス:service@copywatch77.com
三大保証
初期不良なら、無料で返品対応
税関に引っかかた場合,無料で再発送を対応
ほかの店より値段が高くなら、無料で差額を返金対応
当店は信用を重視し、お客様と長取引させていただきます、
何か不明なところがあれば、問い合わせて下さい よろしくお願いいたします
Posted by コピーブランドバッグ,偽物時計,バッグコ at 2013年10月27日 04:00
時計の製品にとって、製品を売り出して万事めでたしめでたしではありませんて時計コピー、もっと複雑なサービスは持続的に働く中に後体現で、ある人はその帰納を4層関係のため:1つは保養と補修、開蓋の吸収油を含んで、普通は機械的な時計は2年以降に吸収油を一回使って、スーパーコピー時計売価2万元以上の時計、吸収油は千元以上を使わなければなりません;水を防いで消磁して、防水の腕時計のワッシャーは老化して防水の性能を退化させて、定期的に防水の性能の検査合計のワッシャーの入れ替えを行わなければならなくて、同時に強く磁場の中で磁気を帯びやすくてブランドコピー、時間単位の計算がおかしいことを招いて、そのため消磁して必需になります;清潔な美容、汗のしみとほこりなどが浸食するため、殻と金属製バンドを表してよくきれいに洗わなければならなくて、ゴムと皮バンドは定期的に替えなければなりません。http://www.youlove777.com/yswares/Watch/
Posted by 時計コピー at 2013年10月25日 16:23
ロムハーツ通販専門店 Chrome Hearts 財布、眼鏡、アクセサリ、バッグなどの数多く激安価格で販売しています。
お問合せ先: info@chromeheartsshop.net
大人気のChrome Hearts 財布, 眼鏡, アクセサリ など激安価格でご提供!
☆財布、眼鏡、アクセサリ 激安SALE 開催中! ☆ 送料無料☆!!
クロムハーツ 通販 http://www.chromeheartsshop.net/
Posted by クロムハーツ 通販 at 2013年10月21日 15:33
激安スーパーコピー時計通販専門店-偽物時計販売
コピーブランドバッグ
偽物時計
バッグコピー
スーパーコピー時計
当店のURLは http://www.brandbuyjp.com
http://www.copywatch77.com
メールアドレス:service@copywatch77.com
三大保証
初期不良なら、無料で返品対応
税関に引っかかた場合,無料で再発送を対応
ほかの店より値段が高くなら、無料で差額を返金対応
当店は信用を重視し、お客様と長取引させていただきます、
何か不明なところがあれば、問い合わせて下さい よろしくお願いいたします
Posted by コピーブランドバッグ,偽物時計,バッグコ at 2013年10月21日 13:48
全国送料無料の通販サイトでさまざまなニューバランス スニーカーをお取り揃えています!人気シリーズのニューバランス996お得に購入!もちろんニューバランス レディースも!!http://www.newbalancesenmonjp.com/
Posted by ニューバランス 通販 at 2013年10月17日 12:56
シアリスとは
■シアリスは、米国の製薬会社『イーライリリー社』が開発したED治療薬です。
シアリスは2003年に発売が開始され、すでに販売されていたバイアグラ-レビトラといったED治療薬に匹敵するほどの支持を受けています。
安全な支払い、個人情報厳守、100%正規品保証!
http://www.siarisu.com/
KEYWORD:バイアグラ、シアリス、レビトラ
バイアグラ 通販
http://www.siarisu.com/baiagura.html
シアリス 通販
http://www.siarisu.com/shiarisu.html
レビトラ 通販
http://www.siarisu.com/rebitora.html
Posted by シアリスとは at 2013年10月16日 11:59
コメントを書く
お名前:

メールアドレス(ブログには公開されません):

ホームページURL:

コメント:

認証(表示されている文字列を入力してください):
8dvy