- ベストアンサー
スタイルシートについて。
今回初めてホームページを開設したのですが、スタイルシートについてわからないことがあるので質問させてください。 別ファイルに記述して宣言をし、ファイルを参照してサイト全体に適用させるスタイル宣言の方法を試してみたのですが、その宣言をしたページのみ適用され他のページは変化がありませんでした。 スタイルを宣言したページはインデックスです。 <link rel="stylesheet" type="text/css" href="style/ber.css"> と<head></head>の間に記入。 別ファイルには、 <!-- body { scrollbar-base-color: #4169e1; scrollbar-arrow-color: #000080; scrollbar-darkshadow-color: #4682B4; scrollbar-face-color: #6495ED; scrollbar-highlight-color: #87CEED; scrollbar-shadow-color: #AFEEEE; scrollbar-3dlight-color: #6495ED; scrollbar-track-color: #87CEED; } --> と記入しました。 なにがおかしいのか教えてください。お願いします。
- catena
- お礼率100% (10/10)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
すべてのページ(HTMLファイル)の最初で同じ設定を毎回書くことを省略し スタイルシートですべて宣言することで、複数のHTMLファイルの宣言を同じに するものですので、宣言をしていないファイルで適用されないのは普通というか あたりまえですね。 毎回HTMLファイルを書く時に同じ宣言(文字の大きさはいくつで、色は何色で リンクのカラーはどれで...)を記述するのが面倒だったり、細かく設定するために [カスケーディング]スタイルシートはあるんです。
その他の回答 (1)
＞<link rel="stylesheet" type="text/css" href="style/ber.css"> ↑コレは、すべてのページに記述してますか？ index.htmlにしか記述していないのであれば、 他のページには反映されません。
お礼
問題解決しました！全部に記述しなければならないのですね。 初歩的なミスで恥ずかしいです・・・。 回答ありがとうございました。
関連するQ&A
- スクロールバーのスタイルシートについて。
スクロールバーの色を変えるスタイルシートで質問です。 下記スタイルシートを使うとそれが出来るのですが、たとえば ＨＰをフレームで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
- スタイルシートのスクロールバー
現在ＨＰを作成しています。 スタイルシートでスクロールバーの色を変更させたいのですが、出来ません。 何処かおかしいでしょうか？ 宜しくお願いします。 <style type=text/css> <!-- body{ scrollbar-face-color:#fba32b; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#fba32b; scrollbar-track-color:white; scrollbar-darkshadow-color:white; } --> </STYLE>
- ベストアンサー
- その他([技術者向] コンピューター)
- スタイルシートを一括で・・・。
<STYLE type="text/css"> <!-- body{ scrollbar-base-color:#000000; scrollbar-arrow-color:#ff0000; scrollbar-darkshadow-color:#00ffff; scrollbar-face-color:#00ffff; scrollbar-highlight-color:#00ffff; scrollbar-shadow-color:#666666; } --> </STYLE> このスタイルシートをすべてのページに入れる方法ってありませんか。 色の変更も１つだけの変更ですべて変更される方法があれば教えてください。
- ベストアンサー
- CSS
- 外部スタイルシートでのスクロールバー
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
- スタイルシート・・・この記述は正しいですか？
メモ帳で(苦笑)ＨＰを作っています。いままではテーブルなどのほんとに簡単なタグしか使っていなかったのですが、そろそろサイトデザインを変えたいな～と思って、スタイルシートに挑戦してみることにしました。マウスをオンにしたときリンクの背景色が変わるとか、スクロールバーの色を変えるとか、見た目は思った通りに表示できているのですが(ブラウザ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
- スタイルシートのリンクについて
スタイルシートを下記の様に記述しました。 そこでリンクの部分なのですが ポインタが上にのった時にff6666になるようにしているのですが、 ff9900のままなのです。 通常はffcc00 既読はff9900 ポインタ上にのった時にff6666 クリックした時にff0000としたいのです。 どなたかお教え下さい。 <style type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffcc00; SCROLLBAR-ARROW-COLOR: #ffcc00; SCROLLBAR-BASE-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR : #ffffff; SCROLLBAR-3DLIGHT-COLOR : #ffcc00} body,tr,td {font-size: 9pt;} body,tr,td {color: #ffcc00;} a {text-decoration: none;} a:link {color: #ffcc00;} a:hover {text-decoration: underline;} a:hover {color: #ff6666;} a:active {color: #ff0000;} a:visited {color: #ff9900;} body { background-repeat: no-repeat; background-position: 100% 100%; background-attachment: fixed;} --> </style>
- ベストアンサー
- CSS
- スクロールバーの色を変更
サイトのＴＯＰでスクロールバーの色の変更をして、それは出来たのですが… ＴＯＰに更新履歴を表示するテキストエリアボックスのスクロールバーまで色が変わってしまいます。 ここに関しては通常の青いスクロールバーにしたいのですが、どうすればいいのか分かりません…。 スクロールバーの色の変更は<HEAD>内にこれを使いました。 <style type="text/css"> <!-- body { scrollbar-arrow-color:#000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#000; scrollbar-track-color:#fff; scrollbar-shadow-color:#000; scrollbar-darkshadow-color:#fff; } --> </style>
- 締切済み
- HTML
- HP作成（スクロールバーの色）
HP作成初心者です。 画面のスクロールバーの色をスタイルシートを使って変更したいのですが、言語がよく分かりません。 以下の「face-color」や「highlight-color」などはどの部分の色を指定しているのでしょうか？ 分かる方教えてください。参考になるURLなども教えていただければうれしいです。 <STYLE type="text/css"> <!-- body { scrollbar-face-color:#756fea; scrollbar-highlight-color:white; scrollbar-shadow-color: #756fea; scrollbar-3dlight-color: #756fea; scrollbar-arrow-color:white; scrollbar-darkshadow-color: #756fea; scrollbar-track-color: #4d44e3; } --> </STYLE>
- ベストアンサー
- その他（インターネット・Webサービス）
- ココログのスクロールバー
「ココログ」を使っています。 カスタム編集にした時、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> -----------------------------------------------
- 締切済み
- ブログ
お礼
すべてのページにつけるんですか・・・。インデックスに張れば全部に反映されると思ってました(汗)勉強になりました。 スタイルシートは習ってまもなくていまだにわかんないことがたくさんあります・・・。もっとスタイルシートについて勉強します。すごく初歩的なミスにわざわざお答えくださってありがとうございました。