tennis365.net テニス365ブログ 新着記事を読む ]    [ テニス365 ホームショッピングニュースログイン ]

テニス365 スタッフブログ

ご質問への回答:画像の配置位置について

みなさん、こんにちは。スタッフフジワラ悪だくみです。


今回はテニ子さんからお寄せ頂きました画像の配置に関するご質問にお答えさせて頂きたいと思います。


画像の横にテキストを回りこませる方法ですが、スタイルシートを使ってタグを書く必要があります。


下記にサンプルを用意してみましたので、ご参考になさってください。


各サンプルの下にありますテキストボックスの中身をコピーし、『<img ~ />』の部分に画像を、『テキスト』の部分に文章を、それぞれ入れれば表示されます。


画像サンプル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト







画像サンプル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト










前半テキスト前半テキスト前半テキスト前半テキスト前半テキスト前半テキスト前半テキスト前半テキスト前半テキスト前半テキスト前半テキスト前半テキスト前半テキスト
画像サンプル
後半テキスト後半テキスト後半テキスト後半テキスト後半テキスト後半テキスト後半テキスト後半テキスト後半テキスト後半テキスト後半テキスト後半テキスト後半テキスト






こちらのサンプルでは、前半テキスト部分の幅が100ピクセル、画像部分の幅が150ピクセル、後半テキスト部分の幅が100ピクセルとなっております。
この幅は、ご自分のテキストや画像の幅に応じて、『width:~px;』という部分の数字を変更してください。


また、画像の途中で回り込みを終了させたい場合は、下記のタグをテキストの終わりに入力してください。





皆様からコメント等でお寄せ頂きましたご質問にお答えできておらず、大変申し訳ございません。


今後、可能な限りお答えしていきたいと思いますので、何かございましたら、ご遠慮なくお問い合わせ下さい。


これからもテニス365ブログをよろしくお願い申し上げます。
お知らせ | 投稿者 365スタッフ 22:02 | お問合せ | トラックバック(0)
<<  2007年 8月  >>
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
このブログサービスは「テニス365 テニスブログ」で運営しています。テニス365会員なら無料でご利用・作成いただけます。