はじめまして。
今、問い合わせフォームを作っています。
http://www.kent-web.com/data/postmail.html
こちらのフリーのものを編集しているのですが・・・
確認画面(conf.html)を編集しているのですが、CSSを読み込ませようとすると、DW上では問題なくCSSが反映されます。
しかし、いざアップロードしてみるとなぜかCSSが反映されないばかりか、文字化けしたりしてしまいます。
友人が作ったHPに入れようとしてるのですが、前回自分で1から作ったサイトだと問題なくCSSは反映され、文字化けなども起こりませんでした。
原因や解決方法に心当たりのある方がいらっしゃいましたら、どうかよろしくお願致します。
No.4ベストアンサー
- 回答日時:
この問題、自分もよくありますよー。
確認したところ、conf.htmlは、Shift_jisですよね。
そして、CSSファイルをDWで編集していたとすると・・・
Dreamweaverで作成されるCSSはUTF-8のエンコーディングで作成されます。
Shift_jis中にUTF-8のファイルを読み込むとうまく読み込めないことがあります(特に2バイト文字が入っていたりすると)
解決策は、CSSファイルの1行目に
@charset "utf-8";
と表記してみてください。
この方法で、うまくshift_jisのページにもCSSが読み込まれると思います。
違っていたらすみません。。。。
No.3
- 回答日時:
こんばんは、
私も、dreamweaver8使っています。
dreamweaverは、文字コードを意識しなくなりがち(私だけ?)ですが、
私は、いろんな文字コードを使うので、いつの間にかEUCだったつもりがUTF-8になっていたり、そんなことでトラブルがあります。
そんなわけで、文字コードチェックを勧めます。
私の場合は、DWの編集メニューから、エディタを指定して編集で、秀丸というテキストエディタで開いて、文字コードを確認しながら保存し直します。
その作業で狂っているのがわかった場合は、
最初のほうに、(本来は必要でなくても、weaver君に「間違えんなよ」という意味で、...自分でもわかりやすいので、おまじないします)
//<meta http-equiv="content-type" content="text/html; charset=utf-8">
はずれだったら、ごめんなさい。
No.2
- 回答日時:
今現在はtmpl/conf.htmlを基準のパスで書かれていませんか?
画像ファイルなどのパス指定は相対パス(../images/~)でなく絶対パス(/images/~)で書いた方が間違いがありませんし、postmail.cgiからでもtmpl/conf.htmlからでも確認できるのでお勧めです。
ありがとうございます。
今現在は・・・その通りです。
一度試してみます。
ファイルのある位置を改めて考えると、これで解決できそうな気が・・・
希望の光が・・・
いつも本当にありがとうございます!
時間がかかりますが試してみて、報告させていただきます。
No.1
- 回答日時:
tmpl/conf.htmlへアクセスしたときにはどういう表示になりますか?
置く場所はtmplディレクトリですが、実際にはメールCGIが読み込んで表示するので、相対パスなどはtmplではなくひとつ上からの相対パスになります。
「表示がおかしい」状態でブラウザからhtmlソースを確認して、アドレスバーのURLと見比べてみてください。
早速の解答本当にありがとうございます。
ここ数時間格闘し続けています。
URLは「www.hoge.com/postmail.cgi」となっていました。
相対パスというのは「../images/~」とのことでしょうか?
こちらは一応チェックしています。
改めていろいろ試してみたのですが、conf.htmlの<body>タグに直接背景画像を指定しても反映されませんでした。
フォームの送受信は機能しているのですが、サーバの環境の違いとかもあるのでしょうか?
送受信が機能しているので、問題ないかとおもったのですが・・・
どうかよろしくお願致します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS ワードプレスで太字が反映されません PC(MacBook)の画面上には、太字は反映されるのに、スマホ 3 2022/12/18 18:56
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS CSSファイルの日本語コメントが文字化けしてしまう 3 2022/12/26 15:50
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS WEB上で文書のアイコンを配置する方法 2 2022/09/03 13:01
- その他(プログラミング・Web制作) ワードプレスのプラグインであるAddQuicktagを使いたいが… 3 2022/04/18 15:03
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlファイルの表示が真っ白
-
Dreamweaverでページ全体が文字...
-
メモ帳でデータが消えるのです...
-
HP作成で…日本語と韓国語表示
-
テキストエディタvscodeでプロ...
-
VBSでWebpageを一気に取得する...
-
HTMLのヘッダ-(フッター)共通...
-
エクセルで作成した表のハイパ...
-
「x-sjis」「Shift_JIS」同じ意...
-
Dreamweaber テンプレート 編集
-
CSS!dreamweaverでは表示され...
-
HTMLソースの文字化け
-
HTML入門でもう躓いてしまった。
-
SSIでインクルードしたファイル...
-
Dreamweaverでソースが文字化け...
-
ホームページを作りたいのです...
-
オフラインでのHTMLについて
-
JavaScriptが文字化けする
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlファイルの表示が真っ白
-
CSSデータの作成方法について(...
-
Dreamweaverでページ全体が文字...
-
エクセルで作成した表のハイパ...
-
テキストエディタ grepの機能...
-
オフラインでのHTMLについて
-
HTML入門でもう躓いてしまった。
-
テキストエディタvscodeでプロ...
-
こんにちは ブラケッツでプログ...
-
eclipseを使ってweb上に表示さ...
-
HTMLファイルからリンクタグだ...
-
「x-sjis」「Shift_JIS」同じ意...
-
Dreamweaverでソースが文字化け...
-
テキストファイルで下線を引く
-
htmlファイル を ソース...
-
DreamWeaver文字コードが変更さ...
-
半角カタカナ(csvやtxtデータ...
-
htmlファイルが開けません。
-
メモ帳を使ってテキストを作成...
-
SSIでインクルードしたファイル...
おすすめ情報