実践して24日目にして、改めてサイト全体の方向性を考えていました。
今までは片っ端から記事にしやすそうなものを記事にする状態でしたが
もうちょっとサイトで扱うものとか、全体のイメージとか統一感を持った方がいいかと思い
改めて全体を見直している最中です。
そんな中、今更ですが楽天のアフィリエイトリンクが真ん中に来てないことに
違和感を覚え始めたので(左寄りになっている)
なんとか真ん中にリンクを設置しようとしたのですが
何をやってもうまくいかず。。。。
最終的には作者の方にSOSさせていただきました。
Simplicityテーマでtableが真ん中に来ない
楽天のアフィリエイトリンクってtableになっていますよね。
amazonはifameでしたっけ?このtableがどうやってもcenterに来ないんです。
使っているのはSimplicityと言う無料のテーマです。
ちょっと分かりにくいですが、センターで指定しているにも関わらず
左に寄ってますよね。
しかも点々でtableタグの中にもう一個枠ができているような感じになっています。
私は楽天のアフィリエイトリンクがこんな状態ですが
他にもtableタグが左に寄ってしまって、Simplictyの公式でhelpしている人がいたので、きっと困っているのは私だけじゃないハズだと思いました。。
削除は1つ付けたし3つ
まずは削除する項目です。
<table border=”0″ cellspacing=”0″ cellpadding=”0″>
<tbody>
<tr>
<td>
<p style=”font-size: 12px; line-height: 1.4em; margin: 5px; word-wrap: break-word;”></p>
</td>
<td>
<div style=”border: 1px solid #000000; background-color: #ffffff; width: 250px; margin: 0px; padding-top: 6px; text-align: center; overflow: auto;”>
楽天アフィリエイトリンクの冒頭ってこんな感じになってませんか?
ここの<td>から</td>まで(赤い部分)を消します。
次に付けたしですが
align=”center”
を頭の方に入れます。
<table border=”0″ cellspacing=”0″ cellpadding=”0″ align=”center”>
こんな具合です。
補足:margin: auto;になてない人はこれも入れた方がいいです。
これで「ビジュアルモード」で見るとぶっちゃけセンターになっているんですが
プレビューで見ると
余裕で左に寄ったまんまなんですよねー(爆
なんじゃこりゃですよ。
そこで、色々試した挙句どうしようもなくなったので
作者の方の参考サイトを真似したんですが、それでもうまくいかず
最終的にはどうやったか問い合わせをしてしまいました。
そしたら返信の早い事!早い事!
朝何時から働いてるのー(*_*;
と、脱帽するレベルのサポートっぷりで無事解決しました。
私が最終的に追加したのは
楽天アフィリエイトリンクを
<center><div style=”width:310px;”>
ここに楽天アフィリエイトリンク
</div></center>
こんな具合に囲いました。
注:310は適当な数字です。私はこの数字で大丈夫でした。
するとー!!
真ん中になりましたーーー!!!
やったー( ;∀;)
超ド級の初心者の質問にも快く対応して下さった作者さん
本当にありがとうございました!!
htmlが分かる人には簡単なことだと思いますが
ド素人の私には難しい関門でした。
いやはやこれで楽天アフィリエイトリンクが記事の真ん中に来てスッキリです。
過去の記事をいちいち直すと思うと気が遠いですがね(爆)