- ベストアンサー
fc2 画像と文字の間をあける方法
皆様 お世話になります。 左側に画像があり、その右に文字やアフィリを入れる場合、 <a href="画像のURL" target="_blank"><img src="画像のURL" alt="bi" border="0" /align="left" ></a>文字をココに入れる<br clear="all" /> とやることはわかりましたが、もう少し画像と文字の間を開けたいという場合はどうすればいいのでしょうか? どなたか知ってらっしゃいましたら教えて下さい。 宜しくお願いします。 どうすればいいのでしょうか?
- みんなの回答 (5)
- 専門家の回答
質問者が選んだベストアンサー
上下にスペースを入れる場合は vspace 左右に入れる場合は hspace http://www.tagindex.com/html_tag/img/img_space.html 重箱の隅を突付くようですが、 http://www.tagindex.com/html_tag/img/img_align.html と http://www.tagindex.com/html_tag/img/br_clear.html もあわせてお読みになると良いと思います。 (若干書き間違いがあるように思います)
その他の回答 (4)
- yuukan
- ベストアンサー率34% (192/560)
文字の前に 全角スペースを入れれば 空間があきますが それでは駄目なんですか? 半角スペースだとスペースは表示されません
お礼
こんにちは。 文字の前に全角スペースをいれましたが、 空間はあきませんでした。 私のやりかたがどこか間違っているんだと思います。 他の回答者様のやりかたでなんとかできました。 教えていただいてどうもありがとうございました。
- xenotactic
- ベストアンサー率54% (96/175)
あの、私が言っているのは 「画像自体に空白を作る」のであって、 「画像の横に空白を入れる」のではありません。 画像を実際に編集し、 空白をあけたい部分を広げ、 表示箇所の背景と同じ色、または透過にして保存し、 再びアップロードして使う、ということです。 画像自体のサイズはブラウザに依存せず等しいため、 どのブラウザでも同じ表示が可能となります。
お礼
こんにちは。 いろいろと教えて頂きましたが、はっきりいって 私のアタマではむずかしすぎてちんぷんかんぷんです(笑)。 他の回答者様の教えでなんとか解決できました。 本当にいろいろとご説明いただき、ありがとうございました。
No.1の方も仰っていますが、左右にスペースを入れる場合は hspace align="left" Hspace="??" vspace="30" <Img Src="画像URL" Align="画像の位置" Hspace="横間隔" Vspace="縦間隔"> http://heo.jp/tag/href/imgalign.html
お礼
こんにちは。 なんとか解決できました。 どうもありがとうございました。
- xenotactic
- ベストアンサー率54% (96/175)
画像自体の右側に白い空白を作ってみてはどうですか? もっとも簡単で的確な方法だと思います。
お礼
おはようございます。 そんな方法があるということなどまるで知りませんでした。 具体的にどこに空白をつくればいいのでしょうか? 何回かやってみましたがまるでわかりませんでした。 もしよろしければご教授ください。 宜しくお願いします。
お礼
おはようございます。 align="left" vspace="30"でやってみましたところ、 たしかに画像と文字の間隔はあきましたが、画像も一緒に右に ずれてしまいました。 きっと私のやりかたがどこか違っているのだと思いますが まるでわかりませんでした。 このたびはURLまで貼りつけていただき感謝しております。 どうもありがとうございました。