• ベストアンサー

CSSが反映されないで困っています;;

日本のホストの時は、CSSがHTMLにうまく反映されていたのですが、 ホストを海外の T35Hosting と Graffiti.net で同じ様に挑戦したら CSSが反映されませんでした;; index.htmlのヘッド内に下記を書いて、 top.cssの名前でCSSを書きました。 <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" href="top.css" type="text/css"> </head> なぜか、反映されませんでした;; 「/」(ルートディレクトリ)と何か関係あるのでしょうか。 <link rel="stylesheet" href="top.css" type="text/css">の行の href="top.css" を href="/.top.css" などに変えなくてはいけないのでしょうか。。。 お知りの方 よろしくお願いします。

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

  • ベストアンサー
noname#33956
noname#33956
回答No.5

>choco003さんに教えていただいた方法をつかう場合は、 エディタで文字コードをUTF-8で作ったHTMLとCSSを、FTP でサーバーにUPすれば良いのでしょうか。 そうです。FTPを使ってアスキーモードで転送してくださいね^^ WEB上で新しいファイルを作ってコピペして保存は今回の場合おすすめできません…;;文字化けの元です~。もしFTPが使えないのであれば、国内の無料鯖かFTPの使える海外鯖を検討された方がトラブルが無いかと。

itigo777
質問者

お礼

できましたo(=^▽^=)o♪ ご親切に長い間 ありがとう御座いました。 感謝です(o*。_。)oペコッ

その他の回答 (4)

noname#33956
noname#33956
回答No.4

私もShift-JISなのが怪しい気がしますが…。 charsetだけをUnicodeにしても、ファイル自体をちゃんとその文字コードで保存しなおさないと文字化けするだけで意味がありません。 UTF-8(Unicode)で保存できるエディタをお持ちでなければ、フリーソフトであるので試しにDLしてみて下さい。参考URLに入れておきます。 エディタでindex.htmlのcharsetをUTF-8に書き換えて、文字コードをUTF-8で保存する。(そのまま上書き保存するとshift-JISになるので注意。 サクラエディタでは「名前をつけて保存」→ファイル名入力欄の下の「文字コードセット」からUTF-8を選んで保存する。次に開きなおした時に右下にUTF8と出ればOK) 次にCSSもUnicodeに直します。 top.cssの1行目に @charset "UTF-8"; と追記して、index.htmlと同じく文字コードをUTF-8で保存。 htmlとCSSが違う文字コードだと、CSSが適用されずに素のHTMLになってしまいます。上記では両方ともUnicodeに予め直してやることで対処を試みています。

参考URL:
http://sakura_editor.at.infoseek.co.jp/
itigo777
質問者

補足

詳しい回答ありがとうございます。 私は HTML CSSをサーバーにUPする方法を、ホストのWEBマネージャーを使って WEB上で新しいファイルをつくり、そのファイルに 自分のメモ帳で作ったHTML CSSをコピーしたものを貼り付けて、保存しています。 choco003さんに教えていただいた方法をつかう場合は、 エディタで文字コードをUTF-8で作ったHTMLとCSSを、FTP でサーバーにUPすれば良いのでしょうか。 よろしくお願いします。  

回答No.3

> charset="Unicode" にすると逆に文字化けしてしまいました。 ファイルを保存する際の文字コードもUnicodeにしましたか?

itigo777
質問者

補足

mazimekko3さん 何度もすみません。 >ファイルを保存する際の文字コードもUnicodeにしましたか? どのやってファイルを保存する際の文字コードをかえるることができるのでしょうか;; テキスト(ファイル)のUPの仕方は、FTPでなくWEB上でできるファイルマネージャーです。 ファイルマネージャーは、HTMLで記述する方法と・ワードの様な仕様でブラウザに表示される部分だけを直接かける方法があります。 (私は、HTMLで書いています。) どうぞ よろしくお願いします。

回答No.2

アップロード時、自動的に文字コードが変換されているのだと思います。 Shift-JISは日本のみの規格なので、文字コードをUnicodeに変えてみてはどうでしょう。 ディレクトリの階層は大丈夫だと思います。

itigo777
質問者

補足

charset="Unicode" にすると逆に文字化けしてしまいました。 ヘッド内の href="top.css" を main.cssとして、 CSSファイルも main.cssでリネームしても CSSが反映されなかったので。 ヘッド内のHTMLとCSSのリンクがうまくできていないのでしょうか;; どなたか解決策をお知りの方 よろしくお願いします。

回答No.1

top.cssとindex.htmlは同じディレクトリにあるのですか? 同じディレクトリなら href="top.css" でも href="./top.css" でもかまいません。 違うディレクトリならちゃんと指定しなければなりません。

itigo777
質問者

補足

あまりディレクトリとか詳しいことがわからないのですが、 同じファイル欄にHTML CSSのファイルがあるので、同ディレクト内だと思います;; 使っている片方のHOSTのWEBマネージャーの画像を載せますので、よろしければ確認してやって下さい。 ちなみに、HTML CSS内の日本語は全て文字化けしていました。 http://gazoubbs.com/maciuke/img/1162477818/18.jpg よろしくお願いします。

関連するQ&A