あなたの映画力を試せる!POPLETA映画検定(無料) >>

アフィリエイトリンク(a8、楽天アフィリ)を横に並べる方法を教えて下さい

ameblo・fc2でブログをしています
通常、アフィリエイトのリンクコードをコピペすると





というように、縦に並びますが これを

●▲■

というように、横並びにしたいのです
いくつかの コミュ・回答を読んで
</tr></p>を削除するといったことをしてみましたが
amebloではエラーとして認識されるのか
通常画面で確認した時には変更が見られる
HTML画面に戻ると、削除した部分が修正されていました

fc2では、コード内の<br>をすべて消すということもしてみましたが
横並びになることはありませんでした

初心者でご迷惑をおかけするかもしれませんが
教えていただければ幸いです

このQ&Aに関連する最新のQ&A

A 回答 (2件)

<table>


<tr>
<td>●</td>
<td>▲</td>
<td>■</td>
</tr>
</table>

これで、どうでしょう?
    • good
    • 2
この回答へのお礼

ありがとうございました
お礼遅くなりすみません。

お礼日時:2013/07/31 13:23

ブロック要素で囲み、横に並べては如何でしょうか。



<ul class="affiliate">
<li>●</li>
<li>▲</li>
<li>■</li>
</ul>

ul.affiliate li {
display: inline;


フロートで並べることも出来ます。

ul.affiliate li {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}


liでなくても、divやpでも同じように指定できますが……

.affiliate {
float: left;
}

フロートを使った場合、回り込みの解除をしてください。
(ブログだと、スキンのCSSで指定しているかも知れません。利用できるようなら改めて指定する必要はありません)

.clear {
clear: both;
}

CSSの知識が必要です。
理解しやすそうなサイトを見つけて参考にしてください。


></tr></p>を削除する

元のコードはテーブルですか?
</tr>を削除するとレイアウトが崩れないでしょうか。
そもそも終了タグは省略するものではないです。
(修正されたのはそのためでは?)

こちらで文法チェックをしてみてください。
http://openlab.ring.gr.jp/k16/htmllint/htmllint. …

この回答への補足

えっと・・・なんかすごく難しい?
ブログで、A8などから提供されてるアフィリエイトのリンクの改造では無理だということでしょうか?
スタイルシートの編集等だと、ブログ全体の編集ということになりませんか?

記入不足だったのですね。
教えていただいたのにすみません。
ブログの記事中に挿入するアフィリエイトリンクを縦に並べたいのですが・・・
毎回、自分で選んで貼り付けてるので・・・

補足日時:2013/03/21 11:18
    • good
    • 0
この回答へのお礼

ありがとうございました
お礼遅くなりすみませんでした

お礼日時:2013/07/31 13:24

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qアフィリエイトリンクを横に並べる方法。

初心者質問ですみません。
amazonアフィリエイト個別商品リンクを
横にいくつか並べる方法を教えていただけませんか?

よろしくお願いいたします。

Aベストアンサー

<iframe>●●●●●
●●●
●●●
●</iframe>

1商品で、こんな感じになっていると思います。

最後にある
</iframe>
に続けて2つ目の商品コードを貼り付けてください

<iframe>●●●●●
●●●
●●●
●</iframe><iframe>▼▼▼▼
▼▼▼▼
▼▼
▼▼</iframe>

Qfc2ブログを始めました。毎日のアクセス(訪問者)数を知りたいのですが

fc2ブログを始めました。毎日のアクセス(訪問者)数を知りたいのですが。。
gooからfc2へ変えました。gooでは、毎日の訪問者数と、閲覧ページ数が見られたのですが
fc2はランキング解析利用の申し込みをしたので、ランキングは毎日分かりますが、
アクセス数が知りたいのですが、どこかに載っているのでしょうか。
「よくある質問」とか見てみたのですが、よく分からず…
よろしくお願いします。

Aベストアンサー

「管理ページ」→「プラグイン」→「公式プラグイン追加」
中に「FC2カウンター」というのがありますので、設置して下さい。
http://counter.fc2.com/

QHTMLでテーブルを横に並べる方法

HTMLでホームページを作っています。
テーブルを横に二つ並べたいのですが、二つ目のテーブルはどうしても最初のテーブルの下の段になってしまいます。どうしたら横に並べることができますか?
教えていただければ幸いです。
よろしくお願いします。

Aベストアンサー

2列のテーブルを作ったらいかがでしょうか?
<table>
<tr>
<td>1つめのテーブルに入れる内容</td>
<td>2つめのテーブルに入れる内容</td>
</tr>
</table>

それぞれのテーブルをそのまま使いたいならば、
↑のテーブルのセルの中に、それぞれ入れれば2つ並びます。
<table>
<tr>
<td><table>←1つめのテーブル→</table></td>
<td><table>←2つめのテーブル→</table></td>
</tr>
</table>

Q2つ並べたランキングバナーの間をあけたい・・

ブログに2つ ランキングバナーを 貼り付けましたが
くっついて しまっているので 少し 間隔(かんかく)
を あけたいと 思っています。
初心者なもので 分かりやすく 教えて頂きたいのですが・・
宜しく お願いします。

Aベストアンサー

#1です。補足を見ての回答。 出来ないでしょうか?
何をどう手間取っていて今どうなっているかの説明があると回答がしやすいよ。とりあえず一通り説明するけど。

補足のバナーからするとFC2で運営だと思いますので可能でしょう。
左側(1個目)のバナーのアンカー部分にマージンを追加。下記が例。
<a href="http://blog-imgs-33.fc2.com/・・・/banner_23.gif" target="_blank" style="margin-right: 30px;">

ちなみにバナー(画像)部分とリンク(アンカー)部分を解説すると。
(これは、今後も画像等で利用すると思うので覚えて下さい)

<a 属性="値">****</a>
****が表示部分で <a 属性="値"></a>がリンクの司令文
-----------------------------------------------
<a ←ここからリンク(アンカー)の司令。
半角空ける
href="画像URL" ←ここに画像URLを入れる。
半角空ける
target="_blank" ←クリックしたら別窓で表示するよ。
> ←これで<a を一旦閉じて、次に表示部分を記述。

<img src=".gifなどの画像URL" alt="タイトル" border="0" />
これは、画像を表示。
<img  ←ここから画像表示の司令。
半角空ける
src=".gifなどの画像URL" ←画像表示URLを指示。
半角空ける
alt="タイトル"  ←画像のタイトル。
半角空ける
border="0"  ←画像の枠線のあり・なし・太さの指示(数値)。
/>  ←表示部分<img を閉じる。
XHTMLとHTMLでは、仕様上で閉じ方が違う。
(HTMLの仕様なら />ではなく > で閉じる)

</a> ←リンクの指示を閉じる。(ここまでをリンクするって指示)
これが無ければそれ以降の文章なども永遠リンクしてしまう・・・
-----------------------------------------------
これで1つの画像とリンクが出来ます。</a>で1個目が終了したので
2個目のバナーリンクは、</a>の次。<a から始まる。
つまり、バナーの区切りは、↑↑↑↑↑の部分。

1個目の区切りって事の質問なら、
半角の隙間がそれぞれの区切りです。
(半角が無い場合は、例の様に半角開ける)
URL部分やスペルを区切ってはいけません。(パスワードも含め)

最初の質問で(3)の方法で隙間を空けるのなら1個目のバナーを
<a href="http://blog-imgs-33.fc2.com/・・・・・・・・・・/banner_23.gif" target="_blank" style="margin-right: 30px;"><img src="http://blog-imgs-33.fc2.com/・・・・・・・・・・/banner_23.gif" alt="タイトル" border="0" /></a>

こうすれば良い。 style="margin-right: 30px;" を追加しただけ。
※ ブログは、自動改行といって Enter を押せば勝手に折り返しをしてしまう設定の場合が多いので、この部分のHTML部分は Enter を押さないで全て一行で書く事。改行があれば削除。

#1です。補足を見ての回答。 出来ないでしょうか?
何をどう手間取っていて今どうなっているかの説明があると回答がしやすいよ。とりあえず一通り説明するけど。

補足のバナーからするとFC2で運営だと思いますので可能でしょう。
左側(1個目)のバナーのアンカー部分にマージンを追加。下記が例。
<a href="http://blog-imgs-33.fc2.com/・・・/banner_23.gif" target="_blank" style="margin-right: 30px;">

ちなみにバナー(画像)部分とリンク(アンカー)部分を解説すると。
(これは、今後も画...続きを読む

QFC2ブログで、画像の画面中央に表示にするには?

FC2ブログで、記事を書く場所に画像をアップすると、
画面左側に寄ったかたちで表示されるのですが、
画像を中央に表示させることはできるのでしょうか?
教えてください、よろしくお願いします!

Aベストアンサー

<p style="text-align: center;"><画像ファイルアドレス></p>

でもセンタリング可能。
center使う方が簡単ですけどね。一応centerはdeprecated(推奨されない)属性なので、使わない方がスマート(に見られる程度)。

Q  これの意味教えて下さい。

これの意味教えて下さい。
タグの
<tr>
<td></td>
</tr>
中に入っている
意味はなんですか?

Aベストアンサー

空白(半角スペース)として使用されることが多いですが、
を使用すると改行されません。

たとえばOK WaveのOKが行末あたりに来たときに、
(1)OKとWaveの間を半角スペースとする場合
~~~OK<改行>
Wave~~~

となりますが、
(2)OKとWaveの間をとする場合
~~~<改行>
OK Wave~~~

となります。

Qランキングバナー2つを 横に貼りたい・・

HMLTタグのことは まだ よく分かって
いないのですが ブログの 本文の最後に
ランキングバナーを 並べて2つ 貼りたい
です(縦には 貼れて います)
過去のQ&を 見ましたが たくさんの タグが 
並べられ 「ここが 改行です」とか回答が 
付いていてもさっぱり 分かりませんでした
やっかいな お願いで 申し訳ありませんが
3歳児に教えるようなレベルで 分かるように
教えて下さい。

Aベストアンサー

タグは、
<a href="URL" target="_blank"><img src="画像URL" border="0"></a><br>

こんな感じのですよね?
これを二つ続けて、改行したり改行タグ<br>を入れずに書けば良いです。

<a href="URL" target="_blank"><img src="画像URL" border="0"></a><a href="URL" target="_blank"><img src="画像URL" border="0"></a><br>

こういう感じです。

ブログの自動改行機能がはいっているならその機能はOFFにして、改行したい部分には<br>を入れるようにして、上に書いたように書いてみてください。

Q画像イメージの上下左右、欲しいところに好きな間隔を入れられますか?

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方に要らない間隔ができてしまい困っています。

例えば右だけに間隔が欲しい。
左だけに間隔が欲しい。

こういう場合って、何かやり方があるのでしょうか。

もともと余白込みの画像を用意するという手も講じましたが、
その場合はその場合で、その画像が他のレイアウトに流用しづらい
という弱点を生んでしまい、レイアウトごとに画像を用意しなければならないので
対症療法としてはうまくいきませんでした。

また、画像ごとにセルを用意して任意の余白を作り出す手もありましたが、
セルがあまりにも絡まりあってしまい、
かなりぐちゃぐちゃなものになるためうまくいきませんでした。

やはりもうちょっと詳しい方にお訊きしようと思いまして
質問を立てさせていただきました。
素人質問で大変申し訳ありません。
どうぞ宜しくお願いいたします。

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方...続きを読む

Aベストアンサー

HTMLの初歩です。具体的には、
-------------------------------------------
<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 10px 20px 0 30px;">

上10px 右20px 下0 左30px の四方の隙間が開く。
数値は例なので適当に変更を。
-------------------------------------------

<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 5px 20px;">
上下5px 右右20px の2方の隙間が開く。

Qボタンを横に並べて表示させる方法

<input type="button"> ←このボタンを、並べて表示させるにはどうしたら良いでしょうか? (tableは使わない方法で) よろしくお願いいたします

Aベストアンサー

ソースをください。

inputはインライン要素なので改行は入らないです。

Qホームページで画像を横に並べるには?

ホームページ作成超初心者です。
初歩的な質問で恐縮です。

ホームページに画像を横に並べて(左→右)表示させたいと思っています。

<img src="画像ファイルのURL">
というHTMLで画像を表示できるところまでわかったのですが、続けて入れると画像が縦に並んでしまいます。

ド素人で申し訳ないですが、どなたか方法を教えて頂けませんか?
よろしくお願いいたします。

Aベストアンサー

<img src="画像ファイルのURL"><img src="画像ファイルのURL"><img src="画像ファイルのURL">・・・


とした場合、横に並びますよ
ただし、画像のサイズとブラウザサイズにもよりますが・・・

ブラウザサイズを無視して横に並べたいのであればTableを組んでしまうのも手です

<table>
<tr>
<td><img src="画像ファイルのURL"></td>
<td><img src="画像ファイルのURL"></td>
<td><img src="画像ファイルのURL"></td>
</tr>
</table>

これで、横に並べれます


あと、アドバイス
<img src="画像ファイルのURL"> → <img src="画像ファイルのURL" width="横寸法" height="縦寸法" alt="画像の名前">
のように、width、height、altは指定しましょう


人気Q&Aランキング