G-toolを使ってアマゾンアフィリエイトの画像リンクのみを記事に挿入しました。
が、右側に余白ができてしまいました。
そこに文章を回り込ませたいのですが、どのようにすればよいのでしょうか?
できればその記事限定ではなく、ブログ全体の設定としたいのですが・・・・。
自分がアップした画像ファイルには何もしなくても回り込んでいるのですが・・・・。
ブログはラヴログのテンプレートはgoal blackです。
多分補足やお礼を使って回答に対し再質問をよくすると思うので、
ちょくちょく見てくれればと思います。
「この本を見ろ!」や「ここで聞けば?」や「ここのサイト見ろ!」
でも構いません。
No.2
- 回答日時:
手間ですよね。
.main img
{
float: left;
margin: 5px;
}
これで他の画像に不都合がなければ、やってみてもいいかもしれませんが。(スタイルシートに上記を追加します)
記事に含まれる画像全て、回り込み&余白を付ける設定になるので。
marginの指示はお好みでどうぞ。
No.1
- 回答日時:
>自分がアップした画像ファイルには何もしなくても回り込んでいる
画像を挿入する際に、自動的に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_bott … no-repeat bottom;
font-size:13px;
text-align:right;
}
最後の段落の意味は私にはわかりませんでした。
それにしてもこれは毎回align=leftと記入する必要があるということなのでしょうか?
でしたら結構手間ですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- gooブログ ブログの記事を書きだしのみに表示したい 1 2022/06/25 19:11
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- 冷蔵庫・炊飯器 キッチンの横に置く場合の冷蔵庫の開き方 11 2022/04/06 13:30
- その他(パソコン・周辺機器) iPhone→ PC取り込んだHDR動画が白くなってる 1 2023/07/24 22:55
- Amazon Amazonの商品画像に詳しい方に質問があります。 1 2022/09/14 12:18
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- Visual Basic(VBA) tatsumaru77様 昨日回答して頂いたものです。 すみませんが、昨日の質問で1つ補足があります 1 2022/05/15 15:06
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- インターネット広告・アフィリエイト みなさんはアフィリエイトブログを始めてから成約まで、どのくらいかかりましたか? 自分はブログを始めて 1 2022/05/10 18:42
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLのつくりにおいて
-
Excel で下線が消えてしまうの...
-
URLが青くならない
-
リンク先のURLを別の文字にする...
-
パワーポイント:テキストボッ...
-
Latexにおける下線のひき方のコト
-
HTMLのbody内に<style>~</styl...
-
Google Keepで数字に勝手に下線...
-
パワーポイントの見出しの線の...
-
seesaaブログのコメント欄を削...
-
AppleのNumbersというアプリで...
-
アンダースコア(下線)のあるメ...
-
Wordで作成した文章をコピーし...
-
PivotTableのデータソースを一...
-
outlook2003にて新規メッセージ...
-
EXCEL2003 Webページとして保存...
-
Googleアカウントの名前変更出...
-
画像ポップアップ(Lity)の使...
-
<input>タグについて
-
エクセルのセルの下線が消えない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ブログで画像を横に2つ並べる方法
-
画像の横に文章を入れたい
-
縦線
-
GOOブログで画像を二枚並べてお...
-
写真を横に並べる方法?CSSまた...
-
MovableType/画像のパス指定方法
-
楽天ブログ・日記の下に表示の...
-
2つ並べたランキングバナーの...
-
テーブルの横並び
-
画像を横に並べると隙間ができ...
-
画像に解説を入れて並べたいです
-
画像を二つ並べた時に左に余白...
-
【html】画像を横(縦)の長さ...
-
アフリエイト画像のすぐ横に文...
-
テーブルタグで画像を並べて画...
-
楽天ブログで画像を横並びにし...
-
ブログで画像の右(左)に文章...
-
ブログに貼り付けた画像の上に余白
-
FC2ブログへ罫線非表示の表を挿...
-
ブログ記事にリンクを貼る方法...
おすすめ情報