htmlのソースのことでお聞きします！

質問

ソースの中に画像として
<IMG src="1　　　　.JPG">
<IMG src="2　　　　.JPG">

と配置する場合が多々あります。この場合で、画面上で
１と２の画像ファイルの間にスペースをとりたいのですが
どのようなキーを入れればいいのでしょうか？

私は<br>とか、若しくは<pre></pre>を連続して入れているのですが
場合によっては<pre></pre>を記載するとｈｐソフトがエラー
表示します。

スペースを開ける方法で何か良い方法があるのでしょうか？

詳しい方居られましたら宜しくご指導願います。

回答No.4

szk9998 · ベストアンサー

#2ですけど。

<IMG src="1　　　　.JPG">&nbsp;<IMG src="2　　　　.JPG">

のように書けばスペースになるはずですけど・・・
まさかとは思い、手元で試してみました。
複数のブラウザ、shift-jis,utf-8どちらででもスペース出ますね。

どういった環境なんでしょうか？
ひょっとして、HTMLファイルの話ではなく、何かのブログ用なんですかね？

ちなみに、nbsp;　については、
http://ja.wikipedia.org/wiki/%E3%83%8E%E3%83%BC%E3%83%96%E3%83%AC%E3%83%BC%E3%82%AF%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9
を参照してください。

他の人が書いているように、marginで余白をとる方が正当な気はしますね。
<IMG src="1　　　　.JPG" style="margin-right:20px">
<IMG src="2　　　　.JPG">
のように右だけ余白をとるとか・・・

お礼

左右指定してすればいいんですね・・

有り難うございます。

一度試してみます。

回答No.3

neko-ten

画像は左右に並べていいんかね

<img src="1　　　　.JPG" style="margin-right:5px" />
<img src="2　　　　.JPG" />

HTMLに「スペースをとる」というタグは存在しません。
preは「成形済みテキスト」であってそれ以上でもそれ以下でもなく、それをどのように表示するかは定義されていません。
ブラウザで動作が変わるってことです。brも改行の意味しかありませんから同じ。
こういった見栄えに関する部分はCSSを使わないと齟齬が出てきますし、HTML的にも間違いです。

お礼

左右じゃなしに上下です。

そうですかhtmlでは存在しないのですか・・

断念です。ｃｓｓでは利用しているのですが、一部分だけなのでわざわざｃｓｓを利用することはないように思ったので。

それに各、ページにおいてバランスというものもでてきますしね・・
その都度、htmlでスペースが取れればいいなあと思ったものですから・・

回答No.2

szk9998

『 &nbsp; 』
no-break space のことです。
で半角スペースになります。

<pre>タグは別にスペースをあけるタグではないので、使用するのは
いかがかと思いますよ。
<br>は改行です。

もう一度タグの意味を調べて使用した方がいいですね。

お礼

これってどう使うのですか？
<IMG src="1　　　　.JPG">
&nbsp;
<IMG src="2　　　　.JPG">

ですか？上手くいきませんが・・

<IMG src="1　　　　.JPG"&nbsp;　>

これも駄目ですが・・

回答No.1

noname#152572

style="margin:3px;"

とかでしょうか？画像と画像の間にスペースをってことですよね？

まさかファイル名が本当に"1　　　　.JPG" みたいにスペース文字を入れるなんて話じゃないですよね（汗）

お礼

スペース文字は入れてません(笑)

補足

そりゃーあきませんわ！
４方向全てにマージンとりますから。