人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: TwinGenius
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:CSS Dreamweaver HTML パス ファイル
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● heilig_zwei
●20ポイント

http://hoge.hoge/

ダミーです

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

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

でオッケーです。


2 ● KAIUN
●20ポイント

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

<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


3 ● pxb12663
●20ポイント

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

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

http://www.dummy.com


4 ● villain
●20ポイント

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

理解してください。



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


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

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

(混用も可能です)

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

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

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

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

この辺で...。


5 ● quintia
●20ポイント

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


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. の回答者の方が言っている様に相対パスで記述するべきです。


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

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


ダミーURL

http://ask.jp/

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ