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

http://hoge.hoge/

ダミーです

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

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

でオッケーです。

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

<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

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

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

http://www.dummy.com

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

理解してください。

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

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

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

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

(混用も可能です)

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

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

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

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

この辺で...。

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

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/