CSSのテンプレート

質問

HPを作ろうと思い、無料で配布されているCSSを使ったHPテンプレートを使いたいと思っています。しかし、全く正常に表示されずに困っています。

手順もファイルをダウンロードして解凍し、HTMLファイル（index.htmlなど）をブラウザで開いて、HTMLソースを表示し、それをそのままコピーペーストしています。しかし、HPに表示されるのは白の背景に文字だけで構成されたものになり、全くデザインされていないHPに仕上がります…。色々なサイトで配布されているCSSのテンプレートを同じ方法でトライしてみましたが結果は同じでした。

CSSのことで色々と調べてみましたが納得の行く回答を見つけることができずに困っています…。どうしたらきちんと表示されるようになるのでしょうか？どなたか教えてください。よろしくお願いします。

回答No.3

too-too · ベストアンサー

bondy_001さん　こんにちは
まず、「http://www.wiredope.com/」で配布されているサンプルをダウンロードして無修正のままHTMLを表示してみてください。これでも全く上手くいかない場合はブラウザー側に問題があるのかもしれません。

上手くサンプルが表示できた場合は、上記サイトで配布されているサンプルとbondy_001さんの作成したＨＴＭＬを比べてみてください。特にＣＳＳの読み込み、クラス属性、ＩＤ属性等に注意して検証してください。

最後に「参考URL」にあるHTMLの文法チェックができるサイトで作成したHTMLを確認してみてください。

御健闘をお祈りします....。

参考URL：

http://openlab.ring.gr.jp/k16/htmllint/htmllintl.html

お礼

too-tooさん、お礼が遅くなってしまってすみませんでした。丁寧なご返答ありがとうございます。早速試してみます。

回答No.2

house-house

ダウンロードしたデータを、ブラウザで開いた場合は、ちゃんと表示されるのですね？

で、あれば、ソースをコピーするのではなく、そのhtmlファイルを、エディタで直接加工すれば良いと思います。

解凍した時点で、ｈｔｍｌ以外のファイル（gifやjpgなど）も一緒に解凍されていれば、同じフォルダ内にそれらのデータがなければ、表示はされません。

お礼

house-houseさん、回答してくださってありがとうございます。実際に試してみたんですが、やはり白地のままで文字だけしか表示されませんでした…。

回答No.1

shippo

CSSファイルの保存場所とhtml内でのリンク先はあわせていますよね？
htmlをそのままコピペしただけでは、cssファイルのリンク先が異なるかと思うのですが・・・。
フォルダの階層など確認してみてくださいね。

お礼

shippoさん、回答してくださってありがとうございます。リンク先もフォルダの階層も合わせているのですがどうしても表示されません…。

今、無料で使えるHPスペースを利用しているのですが、ある無料HPでは文字だけしか表示されず、テーブルも画像も全く表示されません。試しに別のを使ってみたところ、今度は文字化けしてしまい正常に表示させることができませんでした…。途方にくれています。