• ベストアンサー

どこがおかしいのでしょうか

<HEAD> <script language=JavaScript> <!-- if(top==self){ location.href="http://www.yahoo.co.jp"} // --> </script> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>猫</TITLE> <STYLE type="text/css"> <!-- body{ scrollbar-base-color:#FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; } --> </STYLE> </HEAD> スクロールバーノ色が変わりません。 何がおかしいのでしょうか。

  • CSS
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • shy00
  • ベストアンサー率34% (2081/5977)
回答No.1

まず疑問が・・・ <script language=JavaScript> <!-- if(top==self){ location.href="http://www.yahoo.co.jp"} // --> </script> は何のためにあるのでしょうか? これ、記述していると、自動的にyahooへジャンプしてしまいますよ で、スクロールバーの色、しっかり変わっています もしかして、全部が白なので、スクロールバー自体表示されていないと 思われている・・・と言うことはないでしょうか? <body>内に文字を入力して確認下さい。 また、他の方が見るときに、すべてが白だと分かりづらいので 他の色も使うことお勧めします

hiyoruki
質問者

お礼

ご回答ありがとうございました。 は何のためにあるのでしょうか?> >これはフレームを使っているため必要だと思います。 ちなみに色はデフォルトのままです。

その他の回答 (1)

  • aiko_bapy
  • ベストアンサー率30% (34/112)
回答No.2

スタイルシート自体はあっていますよ^^ これでスクロールバーの色も変わるはずです。 しかし全部の色の設定を#FFFFFF(白)にしてしまっているので 全く見えなくなってしまっています。 透明みたいな感じですかね。 scrollbar-face-color:#FFFFFF; の部分を試しに scrollbar-face-color:#000000; と一行変えてみてください。 きっとわかりやすくなるはずです。 <TITLE>の上のJavaScriptは確かに要らないと思います(^^;

hiyoruki
質問者

お礼

ご回答ありがとうございました。 <TITLE>の上のJavaScriptは確かに要らないと思います(^^; > これはフレームを使用しているため必要だと思いますが・・・。

hiyoruki
質問者

補足

ご回答 ありがとうございました。 解決しました。

関連するQ&A

  • スクロールバーの色の変更について

    パソコンによってスクロールバーの色の変更ができるのとできないのとがあるのはソースの問題でしょうか? ちなみにソースは以下のとおりです。 <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>××</title> <STYLE type="text/css"> <!--BODY{ scrollbar-face-color:#FFCECE; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; font-family: "MS ゴシック", "Osaka-等幅"; color: #660033; background-image: url(IMAGES/××.gif); }--> </STYLE> </head>

    • ベストアンサー
    • HTML
  • metaの指定

    こんにちは。くだらない質問で申し訳ありませんが、初心者なのでお助けください。 GeoCitiesでHPを作っています。 GeoCitiesではEUCになってしまうと聞いたので、<meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> としていますが、A href="mailto: を使用してメールフォームを作ると、日本語が文字化けしてしまいます。ファイルの転送はNextFTP4を使用しているのですが、何が問題なのでしょうか?どなたかお助けください。宜しくお願いします。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> <META http-equiv="Content-Style-Type" content="text/css"> <title>MYHP</title> <BODY BACKGROUND="stripe.gif" oncontextmenu="return false"> <style type="text/css"> <!-- body { scrollbar-face-color: #ff9999; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ff9999; scrollbar-darkshadow-color: #ff9999; scrollbar-track-color: #ffe5dd; scrollbar-arrow-color: #ffffff; } --> </style></head>

  • 外部スタイルシートでのスクロールバー

    Dreamweaver MX 2004でサイトを作成しています。 外部スタイルシートでスクロールバーの色を変更したいのですが 適用されなく困っています。 -------------------------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>無題ドキュメント</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="pro1"> -------------------------------------------------- 外部スタイルシート(style.css) body { scrollbar-base-color:#efefbd; scrollbar-arrow-color:#efefbd; scrollbar-darkshadow-color:#efefbd; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; } ------------------------------------------------- わかる方がいらっしゃいましたら、お願いいたします。

  • テキストボックス

    テキストボックスを作成したのですが、更新用にしたいので文字を打てないようにしたいのですが、苦難しています。 どなたか、教えてください。 <head> <style type="text/css"> <!-- body { scrollbar-arrow-color:#000000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#ffffff; } textarea { scrollbar-arrow-color:transparent; scrollbar-face-color:transparent; scrollbar-highlight-color:transparent; scrollbar-3dlight-color:transparent; scrollbar-track-color:transparent; scrollbar-shadow-color:transparent; scrollbar-darkshadow-color:transparent; } --> </style></head> <body> <FORM> <TEXTAREA rows="3" cols="70">

    • ベストアンサー
    • HTML
  • スクロールバーが反映されない

    HP作成まったくの初心者です。 今つまづいているのが、スクロールバーの色が 変更できないことです。 IEは「Internet Explorer 6 Service Pack 1 (Windows XP SP1) 」です。 いちおう、タグを載せます。 初心者なのでめちゃめちゃだと思いますので お恥ずかしいのですが、よければご教授ください。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <META http-equiv="Content-Script-Type" content="text/javascript"> <META http-equiv="Content-Style-Type" content="text/css"> <title>☆</title> <script type="text/javascript"> <!-- function jikoku() { dd = new Date(); document.F1.T1.value = dd.toLocaleString(); window.setTimeout("jikoku()", 1000); } // --> </script> <STYLE type="text/css"> <!-- body,td { font-size : 12px; color : #bc8f8f; font-family : Verdana; line-height : 15pt; } --> </STYLE> <style type="text/css"> <!-- a{ text-decoration : none; } a:link{ color : #ffb9d4; } a:active { color : #69b4; } a:visited{ color : #ffd9e4; } a:hover{ color : #FFd9b4; position : relative; top : 2px;} --> </style> <STYLE type="text/css"> <!-- body { scrollbar-face-color:#ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color:#ffb9d4; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; } --> </STYLE> </head> <body> <BODY background=img/wall.gif> </body> </html>

    • ベストアンサー
    • HTML
  • スクロールバーのスタイルシートについて。

    スクロールバーの色を変えるスタイルシートで質問です。 下記スタイルシートを使うとそれが出来るのですが、たとえば HPをフレームで2つに分けた場合、全部のページにスタイルシートを 書かなければいけないんでしょうか?一番最初のページだけではうまく いきませんでした。分かる方お手数ですが教えて頂けないでしょうか。 <style type="text/css"> body { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #330066; scrollbar-shadow-color: #330066; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: orange; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } </style>

    • ベストアンサー
    • HTML
  • まとめたいのですが

    以下のスクリプトその他を一つにまとめて記述したいんですが、どのようにすれば良いんでしょうか^^; <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" TEXT="navy" LINK="#0033cc" VLINK="#0033cc" ALINK="#0033cc"> <script language="JavaScript"><!-- document.body.style.cursor = "move"; //--></script></BODY> <style type="text/css"> <!-- body { scrollbar-arrow-color: #000000; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #000000; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #000000 } --> </style> <STYLE type="text/css"> <!-- A:link {text-decoration:none} A:visited {text-decoration:none} A:active {text-decoration:none} A:hover {color:#FF0000; position:relative; top:2; left:3} --> </STYLE>

  • ココログのスクロールバー

    「ココログ」を使っています。 カスタム編集にした時、CSSをつかって スクロールバーの色を変えたいのですが、上手く反映されず通常のままです。 (ちなみにオンマウスの設定など、他のCSSは反映されています) 何か間違っているでしょうか? それとも「ココログ」ではスクロールバーの変更は対応してないのでしょうか? ----------------------------------------------- <STYLE type=text/css> <!-- BODY{ scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } --> </STYLE> -----------------------------------------------

  • IE以外のブラウザでも表示したい

    文字をウィンドウ底面に合わせて動くレイアウトにした所、 Netscape・FireFox・Operaでは文字が消えて見れませんでした。IEでは普通に希望レイアウト通り見れています。 IE以外のブラウザ(最低限上記)でも見れるようにするにはどうしたらよいのでしょうか? タグは以下のようになっていますがどこか間違っていたらご指摘お願い致します。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>menu</title> <style type="text/css"> <!-- BODY{ scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:black; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; background-color : black; background-image : url(logo.gif); background-repeat : no-repeat; background-attachment : fixed; position : fixed; } P{ font-family : Arial; font-weight : bold; color:#dcdcdc; position:absolute; bottom:0px; margin-left : 30px; } FONT{ font-size : 8pt; font-family :"MS ゴシック"; font-weight : normal; } --> </STYLE> </head> <body> <p align="center"> <a href="**.html" target="**">1</a><br> <br> <a href="**.html" target="**">2</a><br> <br> </p> </body> </html>

    • ベストアンサー
    • HTML
  • スタイルシート・・・この記述は正しいですか?

    メモ帳で(苦笑)HPを作っています。いままではテーブルなどのほんとに簡単なタグしか使っていなかったのですが、そろそろサイトデザインを変えたいな~と思って、スタイルシートに挑戦してみることにしました。マウスをオンにしたときリンクの背景色が変わるとか、スクロールバーの色を変えるとか、見た目は思った通りに表示できているのですが(ブラウザIE6.0/NN6.02です)、本やいろんなサイトさんのソースを参考に打ってるだけなので、本当にこれで合っているのか不安です。お時間のある方アドバイスなど頂けたらと思います。よろしくお願いします。 <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="robots" content="index,nofollow"> <style type="text/css"> <!-- body { background-color:#; scrollbar-face-color: #; scrollbar highlight-color: #; scrollbar-shadow-color: #; scrollbar-3dlight-color: #; scrollbar-arrow-color: #; scrollbar-track-color: #; scrollbar-darkshadow-color: # } a{text-decoration:none} a:link {color:#;background-color:#;} a:visited {color:#;background-color:#;} a:hover {color:#;background-color:#;} --> </style> </head> <body> </body> </html>

    • ベストアンサー
    • HTML

専門家に質問してみよう