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

テニス365 スタッフブログ

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

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


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


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


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


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


画像サンプル

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







画像サンプル

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










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






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


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





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


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


これからもテニス365ブログをよろしくお願い申し上げます。
お知らせ | 投稿者 365スタッフ 22:02 | お問合せ| トラックバック(0)

新オフィシャルブログ追加のお知らせ

皆さん、こんばんは。スタッフフジワラです。

本日、テニス365テニスブログ』に新しいオフィシャルブログが加わりました!ここにご紹介させて頂きます。


宮地弘太郎オフィシャルブログ

◆宮地弘太郎オフィシャルブログ
元デビスカップ日本代表、現在は関西国際大学教員、そして硬式テニス部監督である宮地弘太郎さんのオフィシャルブログです。テニスだけでなく、趣味の話題も盛りだくさん!ご期待ください!



隼士の上海からニーハオ

◆隼士の上海からニーハオ
上海のELITE TENNIS ACADEMYでヘッドコーチを務める、プロテニスプレイヤー古川隼士さんのブログです。
上海での生活、上海ならではの出来事など沢山伝えていただきます!



ストリンガーブログ 張りに自信あり!

◆ストリンガーブログ 張りに自信あり!
ストリングのことでお悩みの貴方に贈る、テニス365専属ストリンガーのブログです。
経験豊富なストリンガー2名に、ストリングのこと、ラケットのことなど何でも質問してください!



以上の3名が新しくオフィシャルブログに加わってくださいました。
皆さん、宜しくお願いいたします!
お知らせ | 投稿者 365スタッフ 23:52 | お問合せ| トラックバック(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会員なら無料でご利用・作成いただけます。