画像と文字の回り込み

この図を見てください。「前に見たぞ?」 そうです。2月4日の画像ですよね。この画像サイズは幅410px、高さ206pxですから横に文字が入る余裕があります。その文字を画像の左に回り込ませるか、また右に回り込ませるかという場合にその位置を指定すると無駄がありません。なおこの図はワード2010の「スクリーンショット」を使って切り取りました。
図の配置
下はそのソースです。とくに難しいところはありません。よく使うソースですので備忘録として書いておきました。

<div style="width:600px;"><img src="画像URL"alt="画像の名前" border="0" width="400" height="300"/style="float:right;margin-left:4px;margin-bottom:3px;"><span style="font-size:12pt;">ここに文章を書きます</span></div>
width="400" height="300" は画像の横幅と高さです。rightは画像を文章の右に配置する。左の場合はleftです。margin-left:4px;margin-bottom:3pxは画像の左に4pxの余白、画像の下に3pxの余白をあけるということです。をあける。とくに横の余白は指定しないと画像と文字がくっついて見づらいかも知れません。span style="font-size:12pt;"は文章の文字サイズの指定です。
2009年8月18日の『旧Sakuraの散歩道』にも参考資料として書いてあります。
スポンサーサイト

コメントの投稿

非公開コメント

プロフィール

ja6ei

Author:ja6ei
FC2ブログへようこそ!

カレンダー
08 | 2017/09 | 10
- - - - - 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
最近の記事
最近のコメント
最近のトラックバック
月別アーカイブ
カテゴリー
ブロとも申請フォーム

この人とブロともになる

リンク
ブログ内検索
RSSフィード