助太刀忍者(質問掲示板)

助太刀忍者

No.48601    カーソルが正しく表示されません。
http://www.zerotoz.nomaki.jp/top/
の、メインページ(左)、メニューページ(右)についてです。

普通は
BODY{cursor : crosshair;}
(十字)で、
リンクの上では
a{cursor : move;}
(移動)か、
{cursor : n-resize;}
(縦)を使っています。

プレビューなどではいつも平常なんですが、
NinjaToolsのホームページにアップロードすると、なんか変になっています^^;
どうしてでしょうか…?
使用環境
  • OS:Microsoft Windows NT
  • ブラウザ:Microsoft Internet Explorer 8.x
  • モニター:1600×900
  • JavaScript:ON
  • Cookie:ON
  • 回線種別:
  • ソフトウェア:
試した操作手順
CSSファイルで記述→アップロードです。
投稿者:Black 投稿時間:2011-05-29 18:43:45
投稿者 : Black
投稿時間:2011-05-30 17:20:03
>21:20:22 No Name Ninja様
そうですね。
まず調べてから質問することを心がけます。

>19:59:30-20:11:27 No Name Ninja様
細かいご指摘、有難うございます。
とてもわかりやすかったです^^
配布されていたリンク装飾ソースを見直したら
デフォルトのカーソルのソースが入っていたようです。
このことを機に、毎回ソースを見直すようにします。
ありがろうございました^^
投稿者 : No Name Ninja
投稿時間:2011-05-29 21:20:22
とても曖昧な質問内容ですね。

的確な質問文を提示しましょう。

・ホームページの作り方を教えて下さい
http://www.ninja.co.jp/faq/a/26/

「不具合報告」と報告する前に、自分で作成されるホームページは自分で責任を持ちましょう。
投稿者 : No Name Ninja
投稿時間:2011-05-29 20:11:27
先の回答に追記です。

><HEAD>からではなく、基本通り、<html>から記述してください。
よく見ると、<html>の省略はないようですが、何等かのミスで、基本構造に間違いがあると解釈され、忍者の自動挿入広告のCSSファイルを読み込む記述がファイルの最初の行に入ってしまっています。

こちらhttp://cetus.sakura.ne.jp/htmllint/htmllint.htmlで確認を。
投稿者 : No Name Ninja
投稿時間:2011-05-29 19:59:30
*─── 左ファイルについて ───*

こちらは、CSSファイルでの指定ではなく、HTMLファイル内のHEAD内でCSS指定をしているようですね。

確かに、
<!--カーソル-->では、提示のカーソル指定にしていますが、
<!--リンク-->では、デフォルト指定になっています。

これが、思い通りにならない原因だと思います。
CSSは、指定が被る場合、且つ、優先度同一セレクタの場合、後に記述した方を優先しますので注意ください。

*─── 右ファイルについて ───*

こちらは、提示の通りCSSファイルでの指定のようですね。こちらも、

確かに、
<!--カーソル-->では、提示のカーソル指定にしていますが、
<!--リンク-->では、デフォルト指定になっています。

また、右ファイルについては基本構造に記述ミスがあります。
<HEAD>からではなく、基本通り、<html>から記述してください。

※他にもいろいろありますが、とりあえずは、上記を修正してみてください。尚、カーソルは、デザインに拘りがないのであればデフォルト指定が好ましいです。

※参考
http://www.tagindex.com/stylesheet/page/cursor.html
http://www.tagindex.com/stylesheet/link/color.html
http://www.tagindex.com/stylesheet/basic/order.html
http://www.tagindex.com/html_tag/page/html.html

>プレビューなどではいつも平常なんですが、
何でのプレビューかわかりませんが、CSSの解釈は様々な環境(サーバとローカル、プレビューする機能の仕様、他)で異なります。

>Amebaのブログに張ってもなぜか出ませんでした…
これについては、実際のブログを拝見したわけではないですし、「Ameba」の仕様も把握していませんので、何とも判断できません。が、前述のことが影響しているのかもしれません。
投稿者 : Black
投稿時間:2011-05-29 18:51:29
>追記です。

Amebaのブログに張ってもなぜか出ませんでした…
これはタグがいけないのでしょうか?