ホームページの基本・スタイルシートを覚えよう♪

遅くなりました・・

No.1
投稿者： 　投稿日時：2009-05-15 21:42:06

管理人です。遅くなりましてすみません・・・。
諸事情がありまして・・・。
kurinekoさんのサイトを見ましたらカウンターがちゃんと表示できているので、解決できたみたいですね＾＾；
力になれずすみません＾＾；

ちなみにご質問の意味ですが、おそらくですが、単純にタグとタグの間に改行を入れないようにということだとおもいます。

基本的にはこのソースをコピーして貼り付けてください〜系の場合は、そのまますべてを選択してコピーすればほとんど間違いなくうまくいきます。
改行するなとは言っても、実際右端にいけば自動的に改行されてしまいます。
要は自分で勝手に改行を入れないようにということです。
<script　language="JavaScript" xxxxxxxx>
<img src="xxxxxx">
<script　language="JavaScript" xxxxxxxx>
<img src="xxxxxx">

ではなく、

<script　language="JavaScript" xxxxxxxx><img src="xxxxxx"><script　language="JavaScript" xxxxxxxx><img src="xxxxxx">

とします。見た目は改行されてますが、実際はされてないように解釈してくれます。

また、IE6のブラウザのバグで、タグとタグの間に改行があると余計なスペース（半角分のスペース）が空いてしまうということがあります。

これは、
<img src="xxxxx">
<img src="xxxxx">
としてしまうと、

<img src="xxxxx"> <img src="xxxxx">
と同じ解釈をしてしまい、半角分のスペースが空いてしまいます。
別にいいじゃないか少しぐらい・・・と思うかもしれませんが、
これが結構曲者だったりします。

たとえば、幅を800pxに指定するとします。
そこに横並びにボタン画像を8個配置するとします。
てことは単純に1つ100pxで作って、imgタグを横に並べていけばぴったり収まる気がするんだけど、
<img src="xxxxxx" width="100"><img src="xxxxxx" width="100"><img src="xxxxxx" width="100"><img src="xxxxxx" width="100"><img src="xxxxxx" width="100"><img src="xxxxxx" width="100"><img src="xxxxxx" width="100"><img src="xxxxxx" width="100">

ならOKだけど、
<img src="xxxxxx" width="100">
<img src="xxxxxx" width="100">
<img src="xxxxxx" width="100">
<img src="xxxxxx" width="100">
<img src="xxxxxx" width="100">
<img src="xxxxxx" width="100">
<img src="xxxxxx" width="100">
<img src="xxxxxx" width="100">

とすると当然収まらずに下に落ちてしまいます・・・。



ですので、横に並べる場合は必ず
<img src="xxxxx"><img src="xxxxx">
とします。
そのほかlistタグで囲って幅を指定してfloatさせるなんてことでも回避できますが。。。

直接関係ないかもしれませんが、このバグは有名なので覚えておいたほうがよいです。
もちろんほかのタグに関しては改行を入れてOKですよ＾＾
じゃないとソースがごちゃっとなりますし・・・。
あくまで画像を横に並べたいときのみに使えばとりあえずはOKです。

毎度ありがとうございます。 プレビューだと正常に表示されていなかったので、焦ってしまいました。 これからも、おバカな質問の回答をお願いします。