- ベストアンサー
楽天ブログで画像を横並びにしたい。
こんばんわ 楽天ブログを使用しています。 １つブログを書くごとにアフェリエイトの情報を入れるようにしていますが、２つ以上アフェリエイトの情報（画像）を貼り付けした場合 画像が縦に２つ並んでしまいます。 ■ ■ ←こんな感じ できれば、見栄えを良くするために画像を横に並べる方法はないのでしょうか？？ありましたら教えてください。 ■ ■ ←こんな感じにしたい（希望）
- hiroaki316
- お礼率13% (9/65)
- ブログ
- 回答数7
- ありがとう数5
- みんなの回答 （7）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
＃５の補足質問にお答えします。 の代わりに日本語入力をオンにして（Windowsの場合：画面右下のIMEツールバーが【あ】の表示になる筈）にしてスペースキーを押して空白を入れてみて下さい。（ ２つで全角空白一つ分くらいです） または空白を入れなくても大丈夫です。 間を空けたい場合だけ空白を入れてください。
その他の回答 (6)
＃３です。 ＃５ですとわかりにくいですね。(^_^;) 楽天の日記でテーブルを使うと、文字との行間が異様にあいてしまうということがあります。 なので、文章中に入れたい時は<p></p>で囲んだほうが自然に見えます。 やり方は １．<p>を半角で入れる。 ２．アフィリエイトのタグ<a href="..."><img src="..."></a>をコピーしてその直後に貼り付ける。 ３． を入力する。 ４．もう一つのアフィリエイトのタグ<a href="..."><img src="..."></a>をコピーしてその直後に貼り付ける。 ５．</p>で閉じる。 ↓ <p><a href="..."><img src="..."></a> <a href="..."><img src="..."></a></p> 以上です。 試してみてください。
#3です。 楽天のブログ（日記）の部分では改行入れると段違いになる可能性があります。 なので <p><a href="?http:/***/hgc/032da7d3.37af2635.04567662.5491873f...? target="_blank"><img src="?http://***/hgb/?pc=http%3a%2f%2fthumbnail.image.r...? border="0"></a> <a href="?http://***hgc/04565948.a2fd28d9.04565949.6f8c303e...? target="_blank"><img src="?http://***/hgb/?pc=http%3a%2f%2fthumbnail.image.r...? border="0"></a></p> という風に入力してみてください。 （ の部分は日本語入力オン（ひらがな）にして、空白を入れてもOKです。適当に増減してください）
補足
上記ソースをそのままコピーして私のブログに貼り付けたところ HTMLタグの記述に誤りがあります 1行目： 無効なタグです 1行目： 無効なタグです 1行目： 無効なタグです 1行目： 無効なタグです &# は利用できません 上記のミス表示が出てブログに反映されませんでした。。。 なぜでしょう？？ お手数をおかけしますがよろしくお願いします
- h_yoshi
- ベストアンサー率42% (52/122)
＃２です。 画像という文字の代わりに<a href="・・から</a>までを 差し替えてみてください。 そそ、前回テーブルタグの枠を 忘れていましたが 昔のバックアップデータにありました <TABLE BORDER="1" CELLSPACING="1" CELLPADDING="1" BGCOLOR="#fff8dc"> BGCOLOR="#fff8dc"は背景色 ブログの壁紙が派手とかカッコイイ場合 アフェリエイトの情報（画像）とやらが 見えやすくなるはず タブン
私も楽天でアフィリエイトしています。 やり方のひとつとして<p></p>で囲むというのがあります。 <p>アフィリエイトの１ アフィリエイトの２</p> という風にしたらいかがでしょうか？ 横に2つから4つくらいは並びます。 （ の部分は空白です）
補足
初心者な質問で申し訳ないんですが、kiraline様の説明からすると 下記２つのアフェリエイトをつなぐには <a href="http://***/hgc/032da7d3.37af2635.04567662.5491873f/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fbook%2f3943796%2f&m=http%3a%2f%2fm.rakuten.co.jp%2fbook%2fi%2f11638979%2f" target="_blank"><img src="http:/***/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2fogs_420502%2f4205020691.jpg%3f_ex%3d128x128&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2fogs_420502%2f4205020691.jpg%3f_ex%3d80x80" border="0"></a> <a href="http://***/hgc/04565948.a2fd28d9.04565949.6f8c303e/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fasahi-record%2f00000572963%2f&m=http%3a%2f%2fm.rakuten.co.jp%2fasahi-record%2fi%2f11655993%2f" target="_blank"><img src="http://***/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fasahi-record%2fcabinet%2f963%2f00000572963.jpg%3f_ex%3d128x128&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fasahi-record%2fcabinet%2f963%2f00000572963.jpg%3f_ex%3d80x80" border="0"></a> 上記の１つ目の頭に<p>２つ目のお尻に</p>として、２つの間には４つ分の空白を入れるということでよいのでしょうか？？
- h_yoshi
- ベストアンサー率42% (52/122)
タグ閉じるの忘れてた（汗 <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://***hgc/03330982.b87c10ba.0456e253.5da5135d/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fguruguru2%2fjsbw-1005%2f&m=http%3a%2f%2fm.rakuten.co.jp%2fguruguru2%2fi%2f10075883%2f" target="_blank"><img src="http://***/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fguruguru2%2fcabinet%2f631%2fjsbw-1005.jpg%3f_ex%3d128x128&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fguruguru2%2fcabinet%2f631%2fjsbw-1005.jpg%3f_ex%3d80x80" border="0"></a> 上記のような場合はどうしたらいいのですか？？ これは１つの情報であって２つ横に並べたいのです
- h_yoshi
- ベストアンサー率42% (52/122)
<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>は必要不必要にてセットで削除
お礼
ご親切に教えていただきまして誠にありがとうございました。 大変役に立ちました。