画像位置めもめも。（少し修正）

投稿した画像の位置調整方法を見付けたので自分用メモ。



大体のCSSでは投稿した画像のセレクタとして

img.photoを使用しているので

用途別に指定する事で上書きする。

文字を回り込ませる為にfloat属性を使う。



今日の1枚と同じように、フォトライフでＵＰした画像も

文章を左・画像を右にしたい場合はスタイルシート欄にこの様に記述





/*===== 画像位置 =====*/

img.hatena-fotolife {

float: right;　　　　　/*画像を右に表示させる*/

margin: 10px 0px;　/*画像の上下に10pxマージンを取る*/

border: 0;　　　　　　/*画像の枠線を表示させない*/

}



他の種類の画像も指定したい場合、カンマ繋ぎで追加可能。

img.asin,　←はまぞうなどAmazonの商品

img.barcode,　←QRコード



float: left;にすると画像が左、文章は右。

float: center;ならこのブログと同じ。（指定していないのと同じ位置）



※設定＞編集設定＞メール投稿の設定＞メールからの画像送信時　の

「一枚目の画像からフォトライフに登録する」にチェック入れてます。

詳しくは↓【日記文章中の画像位置の調整】
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips%a5%b9%a5%bf%a5%a4%a5%eb%a5%b7%a1%bc%a5%c8%a4%c7%a5%c7%a5%b6%a5%a4%a5%f3%ca%d4#p14