重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

電子書籍の厳選無料作品が豊富!

こんばんわ

楽天ブログを使用しています。
1つブログを書くごとにアフェリエイトの情報を入れるようにしていますが、2つ以上アフェリエイトの情報(画像)を貼り付けした場合
画像が縦に2つ並んでしまいます。


■  ←こんな感じ

できれば、見栄えを良くするために画像を横に並べる方法はないのでしょうか??ありましたら教えてください。

■ ■  ←こんな感じにしたい(希望)

A 回答 (7件)

#5の補足質問にお答えします。




の代わりに日本語入力をオンにして(Windowsの場合:画面右下のIMEツールバーが【あ】の表示になる筈)にしてスペースキーを押して空白を入れてみて下さい。(2つで全角空白一つ分くらいです)
または空白を入れなくても大丈夫です。
間を空けたい場合だけ空白を入れてください。
    • good
    • 0
この回答へのお礼

ご親切に教えていただきまして誠にありがとうございました。
大変役に立ちました。

お礼日時:2007/03/11 07:53

#3です。


#5ですとわかりにくいですね。(^_^;)

楽天の日記でテーブルを使うと、文字との行間が異様にあいてしまうということがあります。
なので、文章中に入れたい時は<p></p>で囲んだほうが自然に見えます。
やり方は
1.<p>を半角で入れる。
2.アフィリエイトのタグ<a href="..."><img src="..."></a>をコピーしてその直後に貼り付ける。
3. を入力する。
4.もう一つのアフィリエイトのタグ<a href="..."><img src="..."></a>をコピーしてその直後に貼り付ける。
5.</p>で閉じる。
    ↓
<p><a href="..."><img src="..."></a><a href="..."><img src="..."></a></p>

以上です。
試してみてください。
    • good
    • 0

#3です。


楽天のブログ(日記)の部分では改行入れると段違いになる可能性があります。
なので

<p><a href="?http://hb.afl.rakuten.co.jp/hgc/032da7d3.37af263 … target="_blank"><img src="?http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f% … border="0"></a><a href="?http://hb.afl.rakuten.co.jp/hgc/04565948.a2fd28d … target="_blank"><img src="?http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f% … border="0"></a></p>

という風に入力してみてください。
( の部分は日本語入力オン(ひらがな)にして、空白を入れてもOKです。適当に増減してください)

参考URL:http://plaza.rakuten.co.jp/anzukko777/diary/2007 …

この回答への補足

上記ソースをそのままコピーして私のブログに貼り付けたところ

HTMLタグの記述に誤りがあります
1行目: 無効なタグです
1行目: 無効なタグです
1行目: 無効なタグです
1行目: 無効なタグです
&# は利用できません


上記のミス表示が出てブログに反映されませんでした。。。
なぜでしょう??
お手数をおかけしますがよろしくお願いします

補足日時:2007/03/09 22:00
    • good
    • 0

#2です。


画像という文字の代わりに<a href="​・・から</a>までを
差し替えてみてください。

そそ、前回テーブルタグの枠を
忘れていましたが
昔のバックアップデータにありました
<TABLE BORDER="1" CELLSPACING="1" CELLPADDING="1" BGCOLOR="#fff8dc">
BGCOLOR="#fff8dc"は背景色
ブログの壁紙が派手とかカッコイイ場合
アフェリエイトの情報(画像)とやらが
見えやすくなるはず     タブン
    • good
    • 0

私も楽天でアフィリエイトしています。



やり方のひとつとして<p></p>で囲むというのがあります。

<p>アフィリエイトの1アフィリエイトの2</p>

という風にしたらいかがでしょうか?
横に2つから4つくらいは並びます。
(の部分は空白です)

この回答への補足

初心者な質問で申し訳ないんですが、kiraline様の説明からすると
下記2つのアフェリエイトをつなぐには

<a href="http://hb.afl.rakuten.co.jp/hgc/032da7d3.37af263 … target="_blank"><img src="http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f% … border="0"></a>

<a href="http://hb.afl.rakuten.co.jp/hgc/04565948.a2fd28d … target="_blank"><img src="http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f% … border="0"></a>

上記の1つ目の頭に<p>2つ目のお尻に</p>として、2つの間には4つ分の空白を入れるということでよいのでしょうか??

補足日時:2007/03/08 23:11
    • good
    • 0

タグ閉じるの忘れてた(汗



<center><table><TR><TD ALIGN="CENTER">画像</TD><TD ALIGN="CENTER">画像</TD></TR></table></center>

<table>とセットで</table>

<center><TABLE><TR ALIGN="CENTER"><TD>画像</TD><TD>画像</TD></TR><TR><TD>紹介文</TD><TD>紹介文</TD></TR></TABLE></center>

TABLEタグに枠を表示する部分忘れたし

こんなのも良いか?

この回答への補足

<a href="http://hb.afl.rakuten.co.jp/hgc/03330982.b87c10b … target="_blank"><img src="http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f% … border="0"></a>


上記のような場合はどうしたらいいのですか??
これは1つの情報であって2つ横に並べたいのです

補足日時:2007/03/08 21:19
    • good
    • 0

<center><table><TR><TD ALIGN="CENTER">画像</TD><TD ALIGN="CENTER">画像</TD></TR><table></center>


こちらか
<center><table><TR ALIGN="CENTER"><TD>画像</TD><TD>画像</TD></TR><table></center>
こちらで出来ると思う。

やったこと無し。
<center>と</center>は必要不必要にてセットで削除
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!