アフィリエイトの画像の隣に文章を書くには??

[新着] Webテンプレートを仮オープンしました



0   名前: なみ : 2007/04/21(土) 13:09  ID:mx2cw/Df sub-.G
ブログ記事に、アフィリエイトの商品リンクと、
その説明文を載せたいと思っています。

そこで教えていただきたいのですが、
アフィリエイトの商品画像の横に、商品名のリンクと
説明文を入れるにはどうしたらいいのでしょうか…

●●●●●  商品タイトルリンク
●ここの●  
●部分に●  コメントコメントコメント 
●画 像●  コメントコメントコメント
●●●●●  コメントコメントコメント


↑このようにしたいのですが、どうしても
画像の下に文字がきたり、位置がずれたり、思う位置にタイトルが来ません…

いろいろ検索してみたのですが、わかりませんでした。。
よろしくお願いします。



1   名前: モノ ◆7YMtX/NYmu : 2007/04/21(土) 13:09  ID:dctgs7ep sub-Cl
最低限アフィリエイトの部分のhtmlソースがわからないことには
的確なアドバイスはしにくいと思います。
現在どのようになるのか、記事の部分のソースを提示すると良いでしょう。

ご自分のアフィリエイトIDみたいなものをここで公開するのに抵抗があるなら、
その部分だけは適当に伏せてもかまわないでしょう。

2   名前: カヅサツ ◆ThCi95HEzw : 2007/04/21(土) 13:09  [URL]  ID:O5hEMlpW sub-r2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
div.goods{
	clear: both;
}
div.goods img{
	border-width: 2px;
	border-style: dotted;
	border-color: black;
	padding: 5px 5px 5px 5px;
	margin: 0px 15px 0px 0px;
	float: left;
}
</style>
</head>
<body>
<h1>大見出し</h1>
<div class="goods">
	<p><img src="http://www.hobbyjapan.co.jp/dd/products/img/rulebook/phb35.jpg" alt=""></p>
	<h2><a href="">プレイヤーズハンドブック 第3.5版</a></h2>
	<p>すべてのD&amp;Dプレイヤーに必要となる、まさに基本アイテム。
	人間・エルフをはじめとする多彩な種族、クラス(職業)、特技、技能、装備、
	そして魔法の中から自由にキャラクターを作成する事が可能。</p>
</div>
<div class="goods">
	<p><img src="http://www.hobbyjapan.co.jp/dd/products/img/rulebook/dmg35.jpg" alt=""></p>
	<h2><a href="">ダンジョンマスターズガイド 第3.5版</a></h2>
	<p>プレイヤーを冒険世界へ導くナビゲーター、それがダンジョンマスター(以下略</p>
</div>
</body>
</html>

3   名前: なみ : 2007/04/21(土) 13:09  ID:mx2cw/Df sub-.G
早速のアドバイスありがとうございます!!

試しに、カヅサツさんに教えていただいたソースを
そのまま貼り付けてみたのですが、
なぜか商品名のところに、そこに来るはずのないブログのフレームや、
ブログロゴが混ざり、うまく表示できませんでした…

ブログサーバーの調子が悪いせいでしょうか…(;_;)




4   名前: モノ ◆7YMtX/NYmu : 2007/04/21(土) 13:09  ID:dctgs7ep sub-Cl
>>2のソースがそのままあなたのブログに当てはまるものではないためでしょう。
たいていのブログはさまざまにidなりclassなりが
あらかじめ割り振られているでしょうし、
記事部分以外のhtmlソースやCSSも複雑に絡んできます。

コピペですむソース、
あるいはそれに近い具体的なソースをを求めるなら、
>>1のことを実行してください。

5   名前: なみ : 2007/04/21(土) 13:09  ID:mx2cw/Df sub-.G
ありがとうございます。

とても、お見せできる状態ではないかもしれませんが
今はこんなカンジです・・・。

ブログサーバーも調子が悪いみたいです・・・。

どこを直したら・・・というか、勉強しなおした方がいいでしょうか(^^;;;


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><table width="80%" border="0" cellspacing="0" cellpadding="4" bgcolor="#FF77AA">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="8" bgcolor="#FEE7F1">
<tr>
<td align="left"><b><font color="#FF77AA">■</font><font color="#FF95BD">■</font><font color="#FFAACA">■</font></b></td>
<td align="center" nowrap><b><font color="#FF77AA">

★★★ タイトル★★★

</font></b></td>
<td align="right"><b><font color="#FFAACA">■</font><font color="#FF95BD">■</font><font color="#FF77AA">■</font></b></td>
</tr>
</table></td>
</tr>
</table>
<table height="16" width="16" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
</table>
<table width="80%" border="0" cellspacing="6" cellpadding="0">
<tr valign="top">
<td width="50%"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="80">

★ ここにアフィリエイト用の画像のソース★

</td>
<td width="8"><table width="8" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
</table></td>
<td width="100%"><font size="-1">

★ ここにアフィリエイト用のテキストリンクのソース★<br>
★ ここにコメント★<br>

</font></td>
</tr>
</table></td>

<br>

<table width="80%" border="0" cellspacing="6" cellpadding="0">
<tr valign="top">
<td width="50%"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="80">

★ここにアフィリエイトの画像のソース★

</td>
<td width="8"><table width="8" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
</table></td>
<td width="100%"><font size="-1">

★ ここにアフィリエイト用のテキストリンクのソース★<br>
★ ここにコメント★<br>

</font></td>
</tr>
</table></td>




6   名前: カヅサツ ◆ThCi95HEzw : 2007/04/21(土) 13:09  [URL]  ID:O5hEMlpW sub-r2
> どこを直したら・・・というか、勉強しなおした方がいいでしょうか(^^;;;

>>2 を見てどうしたら良いかまったくわからない(どこがわからないのかわからない)場合、勉強し直されるか、見た目の改造は諦めたほうが良いでしょう。

http://www.kanzaki.com/docs/htminfo.html
http://www.asahi-net.or.jp/~sd5a-ucd/www/
http://members.jcom.home.ne.jp/pctips/

「コピペですむソース、あるいはそれに近い具体的なソース」を提示しても良いですが(いやできるかまだ検証していません)、なみさんはおそらくそれをカスタマイズできないでしょう。

7   名前: カヅサツ ◆ThCi95HEzw : 2007/04/21(土) 13:09  [URL]  ID:O5hEMlpW sub-r2
あと、>>5を改造するわけにはいかないのですか?「★〜★」以外は修正できないとなると、ちょっと難しいと思います

8   名前: なみ : 2007/04/21(土) 13:09  ID:mx2cw/Df sub-.G
時間がなくて焦っていた事もあって、
>>5をいろいろいじっているうちにわからなくなってました。
勉強不足ですね。

回答いただいて、なんとなくできそうな気がしてきたので
教えて頂いたサイトも参考にしながら、
今度は時間のある時にじっくり勉強しながら
やってみようと思います^^

やっぱり難しいですね〜
ありがとうございました!






一覧へ戻る