• ベストアンサー

スタイルシート（CSSスタイル）が読み込めない。

Webデザイナー修行中の者です。 社内の人が作ったホームページ。背景や線の画像を各 ページで統一するため、ソースをコピー＆ペーストして 新たなページを作ったのですが、作成の時点では線画像も 背景も表示されるのですが、ブラウザで見てみると背景も 線も出ません。 おそらくスタイルシートというもの（CSSスタイル）が 読み込めていないのだと思いますが、考えられる原因は どんなものでしょう？ 作成者に聞けばいいのでしょうが、いないので聞くことが できません。 かといって、大幅にページを変更する時間もなく、私が 作るページだけを全く別の背景等にするのも、不自然な ものになってしまいます。 業務にかかわるものですので、Webページやタグを公開 できないのですが、アドバイス、よろしくお願いいたし ます。 作成はメモ帳、またはDreamweaver4を使用しています。

  • kobalt
  • お礼率99% (1567/1581)

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

  • ベストアンサー
  • master-3rd
  • ベストアンサー率35% (582/1641)
回答No.3

No1です。 えと、あなたのPCにサイトの全データがあるわけではないのですね。 だったらそのPC上では確認できないかもしれませんね。 方法としては、言われるとおりアップして確認する方法。 もう1つはCSSファイルをDLし、サイトと同じ階層構成を作り上げることです。 <link rel="stylesheet" href="../catalog/stylesheet.css" type="text/css"> の場合は、保存してあるフォルダの1つ上に「catalog」というフォルダを作り、そこにDLした「stylesheet.css」を配置しブラウザで確認してください。 ちゃんとCSSが認識されるはずです。

kobalt
質問者

お礼

再度の回答、ありがとうございます。 >あなたのPCにサイトの全データがあるわけではないのですね。 >だったらそのPC上では確認できないかもしれませんね。 ブラウザで見えないのは、他の人が作ったページも同様 になっていることに気が付きました。 メモ帳で作ったものを、Dreamweaverで見ていたので 勘違いしたようです。 大変ご迷惑をおかけしました。 アップすれば、見れると思いますが、もし見れない場合、 また新たに質問させていただきます。 ありがとうございました。

その他の回答 (2)

noname#3598
noname#3598
回答No.2

まったくの基本的なことなので自信なしですが・・・ スタイルシートが別ファイル（cssファイル）によるリンクとなっていて ローカル上またはサーバー上での そのコピペして作ったhtmlファイルとの階層が違う。 もしくは別ファイルになったスタイルシートが存在しないため、 読み込めていないという可能性はないでしょうか？ たとえば <link rel=stylesheet href="stylesheet.css" type="text/css"> で、あれば、htmlファイルと同じ階層内じゃないとダメですよね。 あ、でもブラウザでだけ見えないってことは ブラウザの設定の問題かも・・・スタイルシートを読み込まない 設定にしているなんてことはありませんか？

kobalt
質問者

お礼

早速のアドバイス、ありがとうございます。 ブラウザで見えないのは、他の人が作ったページも同様 になっていることに気が付きました。 メモ帳で作ったものを、Dreamweaverで見ていたので 勘違いしたようです。 大変ご迷惑をおかけしました。 アップすれば、見れると思いますが、もし見れない場合、 また新たに質問させていただきます。 ありがとうございました。

  • master-3rd
  • ベストアンサー率35% (582/1641)
回答No.1

まずは… もちろん<LINK href="style.css" rel="stylesheet" type="text/css"> は、入ってますよね。 それを踏まえて… よくあるのは階層のミス。「../」の数が間違ってたりとか… あとは、直前に指定が入っていればスタイルシートはキャンセルされます。 例えば、スタイルシートでフォントカラーを設定したとしましょう。 で、ページのフォントに色指定をしている場合、スタイルシートではなくカラー指定が有効になります。 もしかして、その指定がすべてに入っていませんか?

kobalt
質問者

お礼

早速の回答、ありがとうございます。 相対パス（？）が原因の可能性があるかもしれません。 実は勉強したのですが、よくわかっていなくて・・・ ただ、他の人が作ったページと同じフォルダに私も新たな ページを保存しています。 <link rel="stylesheet" href="../catalog/stylesheet.css" type="text/css"> <link rel="stylesheet" href="top.css" type="text/css"> が、このように表示可能なページ（他の人が作成）は、相対 パスを使用していますよね？　新たなページも同じように コピー＆ペーストしたのですが、例えばサーバーにアップ すると表示される、という可能性もあるのでしょうか？ まだアップできない状態なので、チェックができないと いう、悪状況続きですが・・・ 何かアドバイスありましたら、よろしくお願いいたします。

  1. カテゴリ
  2. 家電・電化製品
  3. カメラ・ビデオカメラ
  4. その他（カメラ・ビデオカメラ）

関連するQ&A

  • スタイルシート（CSS）の中にテーブルのようなスタイルシートをつくりたいです。

    Dreamweaver8にてHPを作成しております。 今回CSSをやってみようと思い試行錯誤しながらがんばっているのですが、 現在スタイルシートのfloatタグなどを使って、 ヘッダー、メニュー、コンテンツ、フッターというよくある構成で作っております。 そしてコンテンツ部分以外はテンプレート機能を使い共有できるようにしています。 そして新しいページを作る際、コンテンツ部分だけを編集していくのですが、真ん中で２つにわかれた２段組の文章をつくりたくて、テーブルを使用したところ、テーブルが縦に長くなるとCSSで指定した範囲を超えてしまいレイアウトが崩れてしまいます。 これがテーブルでなく文章でなら縦に長くなっても自動的にCSSの高さが長くなってくれます。 ですので、題名のようにCSSでテーブルのような機能のあるものを教えていただきたいのですが、素人でなにぶん申し訳ないですがよろしくお願い致しますm(_ _)m

    • ベストアンサー
    • HTML
  • スタイルシート（CSS）の質問です

    スタイルシート（CSS）初心者ですが、教えて下さい。 HPを作成しております。 HP内を検索する「サイト内検索CGI」を設置しております。 検索枠（フォーム）を下記CSSタグ入力しております。 style="border:1px #999999 solid" とあるサイトで、角が丸くなっているフォームを見ました。 CSSでフォーム角を丸くする事は可能でしょうか？ もしくは画像を使えば可能でしょうか？ どうぞ宜しくお願いします m(_"_)m

    • ベストアンサー
    • HTML
  • 2つ画像を背景にするスタイルシートってある？

    1つの画像をスタイルシートで背景にするのは、知ってるんですが、2つの画像を同じページに背景にはできるのでしょうか？下記は1つの画像を背景にするスタイルシートです。これのどこかをいじれば可能なのでしょうか？ <STYLE TYPE="text/css"> <!-- 　　　BODY { 　　　　　　background-image:素材のURL; 　　　　　　background-position:0% 100%; 　　　　　　background-repeat:no-repeat; 　　　　　　background-attachment:fixed; 　　　　} --> </STYLE>

    • 締切済み
    • CSS
  • スタイルシートの記述について

    例えば、文字を黒く、背景色を白くしたい場合ですが、どちらの記述が正しいですか？ (1)は兄が教えてくれたタグの書き方で、(2)はネットで見かけたタグ（CSSについて説明していたサイト）の書き方です。 カッコの違いが気になっています。 ネット検索をしたところ、(2)の形で書かれているほうが多かったです。 今は『<!-->』は、もう古かったりなどして使わない形なのでしょうか。 それとも(2)の『{}』のみの形はCSSとして使う場合なのでしょうか。 (1) <style type="text/css"> <!--P{color:#000000;}--> <!--BODY{background-color:#ffffff;} </style"> (2) <style type="text/css"> p{color: #000000;} body{background-color:#ffffff;} </style">

  • スタイルシートについて

    ホームページの作成をしています。日記やＢＢＳをレンタルしています。そこで、ホームページと統一感を出すために背景を自分のホームページの背景（私が自分で作ったモノです。）をはりつけたいんですが、スタイルシートについての知識がなく、どうしていいかわかりません。わかる方、またはスタイルシートのわかりやすい説明がのっているホームページを知っている方、どおぞお願いします。

    • ベストアンサー
    • HTML
  • スタイルシートの共有

    DREAMWEAVER MX使用です。 スタイルシートの共有をしたいと思うのですが、マニュアルを読んでもいまいちやり方が分かりません。スタイルシート用のフォルダを作り、そこにCSSファイルをまとめて保存して、ほかのページを作る際にもリンクさせて使いたいのですが、CSSのウィンドウには常に1つのCSSファイルしか表示されません。（1つリンクさせると1つ消えてしまうのです）。 やり方が間違っていると思うのですがご助言下さい。 定義場所、というのもよく理解できません。

  • OUTLOOK2007でのHTMLメルマガのスタイルシートについて

    HTMLメルマガを作成しています。 OUTLOOK2007では、ＨＴＭＬタグがいくつか使えないと聞いていますが、スタイルシートは使えるのでしょうか？すべてのタグが使えないわけではないのですか？JAVAやフォーム・背景画像が使えないと聞いていますが、スタイルシート(フォントなどを固定したもの)やＡタグなどの通常のタグは使えるのでしょうか？教えてください。

  • cssをhtml内から外部へ移すと読み込みません。

    cssをhtml内から外部へ移すと読み込みません。 WEB作成初心者です。よろしくお願いします。 Dreamweaverでサイトを作成しています。 CSSを設定すると全てhmtl内に書き出されてしまっていたので 外部CSSファイルに書き出したいと思っているのですが 例えばhtmlの <head>内にある .article { padding-top: 275px; padding-left: 30px; width: 964px; min-height: 100%; padding-right: 30px; } をそのままカットペーストで外部cssファイルにペーストしても 反映されずに何も見えません。 カットペーストで行けるものとそうでないものもあるようです。 何か特別な設定等あるのでしょうか。 教えてください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • HP作成　スタイルシート

    ビルダーを使ってHPを作成しています。そこで、ページの背景の上だけにgif画像を指定したくスタイルシートを追加してみたのですがうまくなりません。ビルダーのHTMLに追加しているのですが追加する場所を間違えているような気がします。ビルダーで背景色を#cc0000設定しています。 <TITLE></TITLE> <STYLE type="text/css"> <!-- BODY { background-image: url("image/gurad1.gif"); background-repeat: repeat-x } --> </STYLE> <LINK rel="stylesheet" href="image/table.css" type="text/css" id="_HPB_TABLE_CSS_ID_"> </HEAD> <BODY bgcolor="#cc0000" link="#ffffff" alink="#009900">

  • dreamweaverでCSSを作成したい！

    MacromediaのDreamweaverでWebデザインをしています。 DWの機能を使ってCSSを作成したいのですが、 作ったCSSがCSSスタイルのウィンドウに反映されないのです。 カスタムスタイルを作成したいのですが、 適用したい文字を選択して、CSSウィンドウ上の適用したいスタイル名をクリックすれば適用できる、はずなのに、 CSSウィンドウ上にどうやっても反映されません！ どうすればよいのでしょう…。

    • ベストアンサー
    • CSS

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する