縦長画像の左(右)に文を配置

ブログに画像を掲載するには皆さん色々と工夫をされています。ところで図のような縦長の画像の場合は左、または右に余白が出来ることがありますね。枚数が多いと見る方はスクロールしなければなりません。
5-9縦長画像
5-9縦長画像そこで私が利用しているのは、左(右)に文章を配置するスタイルです。あまりスクロールせずに済みます。文章部分に画像の右または左に表示しなさいという簡単な命令を与えるだけです。ご覧のようになります。これは画像の左に文を配置した例です。
この部分のソースが下です。
<img src="画像のURL" alt="花束" border="0"width="238" height="436" /style="float:right;margin-left:3px;margin-bottom:2px">この後に文章を書く。

赤字の部分は画像を挿入すると自動的に出ますね。青字の部分が画像を右において左に文章を配置するための命令です。
rightleft に変えれば画像が左に、文が右になります。margin の部分は画像と文の間隔を少し開けるためのものですが、なくても構いません。 覚えておくと結構重宝します。

そういえば明日は「母の日」ですね。今年も娘から家内にお花のプレゼントが届きました。淡いピンクの紫陽花…きれいだよ。いつもありがとね。
pinkajisai2


スポンサーサイト

コメントの投稿

非公開コメント

こんにちは

お嬢様からの母の日のプレゼント
嬉しいですね。
プレゼントをもらうたびに思うこと・・元気でいなくてはと思いますね

雀がお庭に・・
可愛いでしょう~
雀は結構警戒心が強いですね
お体ご自愛のほど

Re:yuuさん

花が好きなので毎年のプレゼントです。
まだまだ元気でと 励みにもなりますよね。

うっかり風邪をひきやすいそうです。yuuさんもどうぞご自愛ください。

No title

こんにちは、

お嬢様からの母の日のプレゼント嬉しいですよね。
私もお嫁さんから貰いました。嬉しかったです。
これからも元気でいなくては、と思っています。

それから、
「縦長の画像の左または右に文章の配置のソース」参考になります。
早速保存させていただきました。
有難うございます。

No title

sakura 様

上のコメントは、suiren が書きましたコメントです。
大変失礼いたしました。申し訳ありません。
今後気をつけます。

Re:suirenさん

気配りのあるお嫁さんからのプレゼント、うれしいでしょうね。元気でいようという気持ちになりますね。

画像配置のソース、お役に立てば幸いです。

No title

休日になったらこのワザに挑戦してみます。

Re:まりりんごさん

おはようございます。
縦長画像が多いような場合は、お役に立つと思います。 私は面倒な時は「表示」の「ソース」をコピーして使ったりしています(笑)

挑戦してみましたが・・・

style="float:right;margin-left:3px;margin-・・・・

ところでこの指令はどこに貼り付ければいいのでしょうか?
編集画面のHTLMでしょうか?

早くも挫けました。

Re:まりりんごさん

コメント欄に詳しく書けませんので本文にしました。まりりんごさんの画像を使っています。お試しください。2日くらいで削除します。
プロフィール

ja6ei

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

カレンダー
05 | 2017/06 | 07
- - - - 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フィード