カウンタータグ
こんにちは。
今、カウンターを設置しようとしたところ、正常に表示されません。FC2さんに下記の注意書がありました。どうしたらよいの?
ご注意・他
●FC2無料ホームページスペースをご利用の方へ
カウンタータグに改行が入っていると、正常に表示されない場合があります。
ファイルエディタで編集の際は、カウンタータグの改行をなしにして配置してください。
ウルトラ初心者に愛の手を!!!!教えて下さい。
今、カウンターを設置しようとしたところ、正常に表示されません。FC2さんに下記の注意書がありました。どうしたらよいの?
ご注意・他
●FC2無料ホームページスペースをご利用の方へ
カウンタータグに改行が入っていると、正常に表示されない場合があります。
ファイルエディタで編集の際は、カウンタータグの改行をなしにして配置してください。
ウルトラ初心者に愛の手を!!!!教えて下さい。
締め切り : 2009-5-24 0:00:00
回答内容
遅くなりました・・
管理人です。遅くなりましてすみません・・・。
諸事情がありまして・・・。
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です。
諸事情がありまして・・・。
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です。
回答の評価:4 ばっちり分かりました
毎度ありがとうございます。
プレビューだと正常に表示されていなかったので、焦ってしまいました。
これからも、おバカな質問の回答をお願いします。