• ベストアンサー

fc2 画像と文字の間をあける方法

皆様 お世話になります。 左側に画像があり、その右に文字やアフィリを入れる場合、 <a href="画像のURL" target="_blank"><img src="画像のURL" alt="bi" border="0" /align="left" ></a>文字をココに入れる<br clear="all" /> とやることはわかりましたが、もう少し画像と文字の間を開けたいという場合はどうすればいいのでしょうか? どなたか知ってらっしゃいましたら教えて下さい。 宜しくお願いします。 どうすればいいのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • u_nya
  • ベストアンサー率53% (89/165)
回答No.1

上下にスペースを入れる場合は vspace 左右に入れる場合は hspace http://www.tagindex.com/html_tag/img/img_space.html 重箱の隅を突付くようですが、 http://www.tagindex.com/html_tag/img/img_align.htmlhttp://www.tagindex.com/html_tag/img/br_clear.html もあわせてお読みになると良いと思います。 (若干書き間違いがあるように思います)

noname#106362
質問者

お礼

おはようございます。 align="left" vspace="30"でやってみましたところ、 たしかに画像と文字の間隔はあきましたが、画像も一緒に右に ずれてしまいました。 きっと私のやりかたがどこか違っているのだと思いますが まるでわかりませんでした。 このたびはURLまで貼りつけていただき感謝しております。 どうもありがとうございました。

その他の回答 (4)

  • yuukan
  • ベストアンサー率34% (192/560)
回答No.5

文字の前に 全角スペースを入れれば 空間があきますが それでは駄目なんですか? 半角スペースだとスペースは表示されません

noname#106362
質問者

お礼

こんにちは。 文字の前に全角スペースをいれましたが、 空間はあきませんでした。 私のやりかたがどこか間違っているんだと思います。 他の回答者様のやりかたでなんとかできました。 教えていただいてどうもありがとうございました。

回答No.4

あの、私が言っているのは 「画像自体に空白を作る」のであって、 「画像の横に空白を入れる」のではありません。 画像を実際に編集し、 空白をあけたい部分を広げ、 表示箇所の背景と同じ色、または透過にして保存し、 再びアップロードして使う、ということです。 画像自体のサイズはブラウザに依存せず等しいため、 どのブラウザでも同じ表示が可能となります。

noname#106362
質問者

お礼

こんにちは。 いろいろと教えて頂きましたが、はっきりいって 私のアタマではむずかしすぎてちんぷんかんぷんです(笑)。 他の回答者様の教えでなんとか解決できました。 本当にいろいろとご説明いただき、ありがとうございました。

noname#58628
noname#58628
回答No.3

No.1の方も仰っていますが、左右にスペースを入れる場合は hspace  align="left" Hspace="??" vspace="30" <Img Src="画像URL" Align="画像の位置" Hspace="横間隔" Vspace="縦間隔"> http://heo.jp/tag/href/imgalign.html

noname#106362
質問者

お礼

こんにちは。 なんとか解決できました。 どうもありがとうございました。

回答No.2

画像自体の右側に白い空白を作ってみてはどうですか? もっとも簡単で的確な方法だと思います。

noname#106362
質問者

お礼

おはようございます。 そんな方法があるということなどまるで知りませんでした。 具体的にどこに空白をつくればいいのでしょうか? 何回かやってみましたがまるでわかりませんでした。 もしよろしければご教授ください。 宜しくお願いします。

関連するQ&A