Dreamweaverで、ブラウザでプレビューすると外部cssが適用されない状態で表示されてしまいます。

cssファイルのパスは以下のように正しく記述されています。
<link rel="stylesheet" type="text/css" href="/css/ファイル名.css">
また、htmlファイルはcssフォルダと同じ場所に置いてあります。
cssが適用されない原因は何なのでしょうか?
どなたか助けてください!!

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/06/06 12:48:54
  • 終了:2006/06/13 12:50:02

回答(5件)

id:heilig_zwei No.1

heilig_zwei回答回数119ベストアンサー獲得回数132006/06/06 12:55:14

ポイント20pt

http://hoge.hoge/

ダミーです

cssの前のスラッシュは要りません。

<link rel="stylesheet" type="text/css" href="css/ファイル名.css">

でオッケーです。

id:KAIUN No.2

KAIUN回答回数24ベストアンサー獲得回数32006/06/06 12:57:19

ポイント20pt

スタイルシートのリンク指定が「絶対パス」になっているからではないでしょうか。

<link rel="stylesheet" type="text/css" href="<span style="color:#FF0000;">/css/ファイル名.css</span>">

下記のように「相対パス」に変更してトライしてみてください。

<link rel="stylesheet" type="text/css" href="<span style="color:#0000CC;">css/</span>ファイル名.css">


http://www.cj-c.com/faq/pass.htm

id:pxb12663 No.3

pxb12663回答回数395ベストアンサー獲得回数142006/06/06 13:04:01

ポイント20pt

DreamWeaverで外部CSSを作成するときに、外部CSSファイルを保存する前にHTMLファイルに適用してしまうと、後から外部CSSを保存したときに変なふうに保存されてしまう事があります。

外部CSSに限らず、外部のファイルをHTMLファイルに適用するときは、最初に外部ファイルを保存してからするほうがいいようです。

http://www.dummy.com

id:villain No.4

villain回答回数174ベストアンサー獲得回数122006/06/06 13:57:38

ポイント20pt

皆さんが言っているように、相対パスと絶対パスの概念をよく

理解してください。


  • "/"から始まるパス = 絶対パス
  • "\"から始まるパス = 絶対パス
  • ドライブレターから始まるパス = 絶対パス
  • 上記以外から始まるパス = 相対パス
    • "./"はカレントディレクトリ
    • "../"は上位ディレクトリ
      • "./../"も上位ディレクトリ
      • ".././"も上位ディレクトリ
      • "../../"は上位ディレクトリの更に上位ディレクトリ
    • 半角英数字から始まるパスはカレントディレクトリ


などの決まりがあります。


WinOSローカル上やWinサーバの場合はディレクトリ区切りとして

/以外に\も使用できます。

(混用も可能です)

UNIX/Linuxではパス区切りは/しか使えません。

(パス区切りに\が使用できるのはWinサーバ/Winクライアント

のみ、ドライブレターが有効なのはWinクライアントのみ)

MacOSについては知りませんがもうこの辺りは蛇足になるので

この辺で...。

id:quintia No.5

quintia回答回数562ベストアンサー獲得回数712006/06/06 16:01:45

ポイント20pt

コメントしてもらえないと、状況が把握できないので回答する方が困ります。


Dreamweaver8 の場合。

例えば、html を置いたフォルダに css というフォルダを作ってそこに cssファイルを置いた場合。

htmlには、

<link href="css/test.css" rel="stylesheet" type="text/css" />

というような感じで書きますし、Dreamweaver8 でもこれならちゃんと読みこんでくれて、内容がCSSスタイルというパネルにでてくるはずです。

□test.css
├ .sample
└ .sample2

こんな感じで CSSスタイル にでてきます。CSSスタイル というパネルが見つからないなら、[ウィンドウ]-[CSSパネル]から出してください。

まずこれが前提条件です。

で、これを[ブラウザでプレビュー]します。

すると一時的なファイルが作成され、それがブラウザで開きます。この時ソースを確認すると判るのですが、CSSスタイルはhrefによる指定ではなくて、Dreamweaver によってhtmlファイル内に直に書き込まれる形式になります。

こんな風になっています。

<link rel="stylesheet" title="使用不可にしてブラウザでプレビュー : css/test.css" type="text/css" />
<style type="text/css">
<!--
.sample {
	color: #990000;
}
.sample2 {
	color: #CC3333;
}
-->
</style>

これが 3. の回答の方が言っていることでもあり、"Dreamweaver のcssスタイルのパネルでcssファイルが読みこめていること"を確認する必要がある理由でもあります。

そのためには、1. 2. 4. の回答者の方が言っている様に相対パスで記述するべきです。


これ以上の回答をお望みであれば、

  • 使用OS
  • 使用している Dramweaverのバージョン
  • 相対パスで記述して試してみたのか? (あるいはその意味が判らないのか?)
  • 絶対パスでなければならないならその理由は? (その場合はDreamweaverでのプレビューは諦めざるをえないかもしれませんし、あるいは別の方から回答があるかもしれません)

このあたりの状況をコメントしていただければと思います。


ダミーURL

http://ask.jp/

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません