ブログカスタマイズのブログ

HOME > その他 > 画像の回り込み表示
2005年06月12日
【hymさんのコメントはこちら】
画像を表示させる小技いろいろです。

<img src="http://blogcustomize.seesaa.net/image/logo.gif">

imgタグに画像だけを指定しています。通常の画像表示です。



<img src="http://blogcustomize.seesaa.net/image/logo.gif" align="left">

imgタグにalign="left"を追加すると、次にくる文章が画像の右側に回り込み表示されます。

文章の回り込みを終了させたい場合に<br clear="all">を記述します。



<img src="http://blogcustomize.seesaa.net/image/logo.gif" align="right">

imgタグにalign="right"を追加すると、次にくる文章が画像の左側に回り込み表示されます。



<img src="http://・・・/logo.gif" align="left" style="margin-right:30px;">

imgタグにstyle="margin-right:30px;"を追加すると、画像と文章の間にスペースを空けることができます。



バランスの良い組み合わせをお試し下さい!
23:43 | Comments(5) |
この記事へのコメント
2005年06月14日
はじめまして。
一部(メニュー)だけ画像の右横に表示させて他は画像の下に持っていきたいのですがそんな事もできるんでしょうか?宜しくお願いします。
それから下方にある『blogランキング』のクリックも・・・とあるのですがそこをクリックするだけで良いんですよね??すみません。初心者でよくわかっていません。
Posted by みぃ at 12:23
2005年06月15日
みぃさん、こんばんは。

http://blogcustomize.seesaa.net/article/4320881.html

の記事を書き直しました。ご覧下さい。みぃさんのテンプレートだと、margin-right:10pxくらいを追加するとキレイになると思います!

『blogランキング』はクリックしてもらうだけで良いです。ありがとうございます。

blogランキングは1クリックで10ポイントもらえて、そのポイントでランキング表示されるというサイトです。1クリックしてもらえるとありがたいです。
Posted by 管理人 at 00:28
2005年06月15日
管理人さま。
早速のご回答ありがとうございます。
感激です!!
私の方も早速、実践しました。
追加文も実践しました!!昨日の分と見比べて違いが分かりました。
本当にありがとうございました。
Posted by みぃ at 09:43
2005年06月19日
こんばんは。画像の回り込み表示についていろいろ教えて頂き有り難うございました。さっそく、挑戦してみました。御礼のコメントがおくなり失礼しました。また、機会がありましたら、よろしくお願い致します。
Posted by hym at 20:47
2006年07月12日
はじめまして!こんにちは。
文章の回り込みを終了する場合の
<br clear="all">について質問させて下さい。

画像に対して文章の方が短い時に
「posted by〜」部分を改行させないため
文末に<br clear="all">を入れると
文字の色が部分的に表示されない場合があります。

正しく表示させるために、何か良い方法があれば
教えていただけないでしょうか?
Posted by Renge at 09:59
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。