スペースを空ける

質問

私はseesaaでブログをしています。
それで、アフィリエイトをしているのですが
画像を載せると、スペースが空かなくて
詰まっているような感じになってしまいます。
どうしたらサイドバーのコンテンツの画像を
真ん中にして間隔を空ける事ができるのでしょうか？

回答No.5

soan-do

そうですね。

＃４さんの書かれているように、本来ならW3C規定に準拠するほうがいいでしょう。
ただ、質問者様の質問内容から考えるとスタイルシートはハードルが高いと思ったもので・・・

いっそのこと、これを機会にスタイルシートを覚えるのもいいかもしれませんよ。

回答No.4

345itati

ブログくらいなら余り厳しくする必要は無いかもしれないですが、
align="center" (left,right)
vspace="任意の数字"(上下の余白
hspace="任意の数字"(左右の余白
はHTML4.01以降では非推奨(deprecated)属性であって、これを使うならスタイルシートの方が宜しいかと。
というよりW3Cではスタイルシートを使いなさいという指針です。
.class名 {
margin-top: 2px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
text-align: center; はIE5.5以前のバージョン用のバグに配慮したものですが、本来は必要ありません。
直接イメージに
<img src="×××" style="margin: 2px auto 5px auto;" width="*" height="*" alt="代替テキスト" />
としてもいいですが。

まあ、使っちゃいかんという事では無いので、お好みで。
ちなみに<center>も非推奨なので^^;。

お礼

どうもありがとうございます。
スタイルシートのやり方で試してみた所
全部が（自己紹介欄とか）真ん中にきてしまいました。
私のやり方が間違っているのでしょうか？

<center>の方は上手くいきましたので
そちらの方のやり方で行いました。

回答No.3

soan-do

HTMLのタグを下記のようにします。

<imag *************** align="center" vspace="*">

vspaceの*にはお好みの数字を入れて試してください。10ぐらいがいいと思います。
なお、横のスペースに文字を入れる場合は、上記タグに加えてhspace="*"を加えます。

サイドバーをいじったことがないのですが、本文では私は常にこの方法でやっています。

回答No.2

noname#56851

タグの前に全角スペースを入れると全体が右にずれます。
私もseesaa使っていますアフリエートでは無いですがリンクバナーの位置あわせでこの手を使っています。

回答No.1

345itati

CSSで余白を指定するといいかもしれません。
真ん中にして間隔を空ける、というのはサイドバーに貼付けられている画像をボックス内でセンタリングさせたい、という事ですよね？
スタイルシートを編集する画面を呼び出し、
.class名 {
margin-left: auto;
margin-right: auto;
text-aligin: center;
}
と追加します。
class名は任意のものを半角英数字で、今使っているテンプレのスタイルシート内で被らない名前を指定すればいいと思います。
で、アフィリエイトのタグを貼付ける時に、前後に
<div class="class名"><アフィリエイトのタグ></div>
でセンタリングされるかと。
もっと単純にスタイルシートを使わないで
<center><アフィリエイトのタグ></center>
でもお望みの表示にはなるかと思いますが。