アマゾンアソシエト(アフィリエイト)で、記事中に商品画像のみのリンクで出来た余白に文章を回り込ませたい

質問

G-toolを使ってアマゾンアフィリエイトの画像リンクのみを記事に挿入しました。
が、右側に余白ができてしまいました。
そこに文章を回り込ませたいのですが、どのようにすればよいのでしょうか?
できればその記事限定ではなく、ブログ全体の設定としたいのですが・・・・。
自分がアップした画像ファイルには何もしなくても回り込んでいるのですが・・・・。

ブログはラヴログのテンプレートはgoal blackです。

多分補足やお礼を使って回答に対し再質問をよくすると思うので、
ちょくちょく見てくれればと思います。

「この本を見ろ!」や「ここで聞けば?」や「ここのサイト見ろ!」
でも構いません。

回答No.3

Muller3 · ベストアンサー

スタイルシート内の一番下にでも入れてみて下さい。
スタイルシートはHTMLみたいにどこに入れなければいけないとか、順番はあまり関係ありません。（厳密に言えば優先度はありますが、今は考えなくていいです）

お礼

出来ましたぁ!
もうほんと感動です、最高です。
数日に渡り付き合っていただき、有難うございましたぁ。
また何かありましたらその時は宜しくお願いします。

回答No.2

Muller3

手間ですよね。
.main img
{
float: left;
margin: 5px;
}
これで他の画像に不都合がなければ、やってみてもいいかもしれませんが。（スタイルシートに上記を追加します）
記事に含まれる画像全て、回り込み＆余白を付ける設定になるので。
marginの指示はお好みでどうぞ。

補足

どの辺りに挿し込めば良いのでしょうか?

回答No.1

Muller3

＞自分がアップした画像ファイルには何もしなくても回り込んでいる
画像を挿入する際に、自動的にimgタグ内に<align="left">と入るか、もしくはクラスセレクタが付けられており、CSSの指定で回り込んでいるか。
管理画面のどこかに画像の回り込みを設定する項目があったりしませんか。
アフィリエイト画像が回り込まないのは、システムまかせの画像挿入と違い自動的に上記のような指示が与えられないからで、回り込ませようと思ったら、自分で毎回指示を入れるしかないと思います。

アフィリエイトのimgタグ内にalign="left"を加える。
または、これは推測ですが、あなたがブログに投稿した画像タグ(<img>)内には「class="postimg"」という記述が入っていませんか。CSS内に
/* 投稿した画像の設定 */
.postimg{}
こういう記述があるので。であれば、アフィリエイト画像の方にも毎回同じ指示をすれば同じように回り込むと思うのですが。（しかし私が参考に見ているブログの投稿画像には「class="postimg"」じゃないものが入っているので違うかも？）
どちらにせよちょっと手間はかかります。

G-tool、4の「CSSカスタマイズ」を選択してもタグが追加されないのはどうしてでしょうね？？tableタグを使ったHTMLだったらclassセレクタが付くようなのですが、画像リンクだけの場合は付かない…。ここで付けられればあとはCSSに書いておくだけで済むのに。

補足

回答有難うございます。
align=leftで出来ました。(文字が画像と密着してしまっているのが気にはなりますが)
class="postimg"に関してはCSSに以下の記述を見つけました。(前後も
コピペしておきます)

/* 整形済みテキストのタグ(<pre>)の設定 */
pre{
margin:15px 20px;
padding:10px;
border:1px solid #000;
font-size:12px;
}

/* 投稿した画像の設定 */
.postimg{
margin:4px;
}

/* Posted By ～～の設定 */
.posted{
padding:0px 15px 30px 15px;
margin-bottom:20px;
background:url(http://blogs.dion.ne.jp/_img/goal_black/art_bottom.gif) no-repeat bottom;
font-size:13px;
text-align:right;
}

最後の段落の意味は私にはわかりませんでした。

それにしてもこれは毎回align=leftと記入する必要があるということなのでしょうか?
でしたら結構手間ですね。