プロが教えるわが家の防犯対策術!

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

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





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

●▲■

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

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

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

A 回答 (2件)

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



<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

<table>


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

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

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

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

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