CSSをはじめて使う者です。XPでIEを使っています。
解説サイトの最も簡単そうなプログラムをコピペし、
HTMLファイルと外部CSSファイルを同じフォルダ(デスクトップにあるtopフォルダ)
に入れてHTMLを開いたのですが、CSSを全く読み込まず、HTMLのテキストしか表示されません。
★HTMLデータ(top.html)
------------------------
<HTML>
<HEAD>
<link rel=stylesheet type="text/css" href="C:\Documents and Settings\Administrator\デスクトップ\top\top.css">
</HEAD>
<BODY>
<div class="selecter">文字が赤くなり、左に5pxの罫線が引かれます。</div>
</BODY>
</HTML>
★CSSデータ(top.css)
------------------------
.selecter { color:#ff0000; border-left:solid 5px #ff9900; }
・他のサイトにはHTMLファイルのstylesheetに""があったので付けてみたのですが、意味なしでした。
・他のサイトの形が異なるCSSも試したのですが同様の状態だったので、HTMLのHEADの部分が怪しいと思い、ファイル名指定を"top.css"に変えたりしたのですが、意味なしでした。
・CSSは最初メモ帳で書いたのですが、拡張子がどうしてもCSSになってくれなかった(top.css.txtになる)ので、ワードパッドで書いて保存したら、拡張子は正常にCSSになりました。ただ何故かアイコンが、プログラムが見つからない時に表示される奴になっています…。
スタート地点から躓いていて非常に恐縮なのですが、何卒よろしくお願いいたします。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
>ワードパッドで書いて保存したら
これ、もう一度メモ帳で「見たら」どうなってる?
ワードパッドで見てるのと同じになってるかな?
変な風になってない?
メモ帳で扱う「.txt」というのは「プレーンテキスト(plain text)」と呼ばれ、ワードパッドはリッチテキストというのに変換してしまう事があるよ。(場合によってはWORDドキュメント)
そんでCSSはプレーンテキストでなければならない。
ワードパッドで保存するときにプレーンテキストが選べないようならメモ帳で保存して無理矢理拡張子をcssに戻すしかないね
というか テキストエディタを別途探して使った方が良いんじゃないかな。
サクラエディタとかさ。
ご回答有難うございます。正常に動作しました。
どの様に保存しようとアイコンは"プログラムが見つからない奴"のままなのですが、サクラエディタで保存するとcssはちゃんと動きました。
多分仰られているように「プレーンテキストでなければならない」という部分で引っ掛かっていたんだと思います。
朝からずっと悩んでいたので、やっと先に進めます。ここで伺って良かったです。本当に有難うございました。
No.2
- 回答日時:
まず<div>の部分を
<div style="color:#ff0000; border-left:solid 5px #ff9900;">文字が赤くなり、左に5pxの罫線が引かれます。</div>
という風に変更して、正常にスタイルが変わることを確認してみて下さい。
この回答への補足
ご回答有難うございます。
その場合には、正常にスタイルが変化します。
ただこの形のCSSは以前にも使用したことがあり、今回は外部ファイルで作りたいと考えています。
No.1
- 回答日時:
<link rel=stylesheet type="text/css" href="C:\Documents and Settings\Administrator\デスクトップ\top\top.css">
↓
<link rel=stylesheet type="text/css" href="top.css">
にしたら うまくいきませんか?
この回答への補足
お答え有難うございます。
仰っておられるファイル名指定の部分は既にそのように試したのですが、同じ状態でした。(CSSはデスクトップの部分から指定しなくてもOKなんでしょうか。htmlのときはローカルで画像を指定する際に、最初から指定しないとエラーが出たので、念のため両方試しました)
今もアドバイス欄をコピペしてみたのですが、やはり反映しません…。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssファイルの名称付け
-
サイトを作る時のcssファイルは...
-
HTMLの CSSのファイルというの...
-
複数のhtmlで同じcssファイルを...
-
スタイルシート(CSSスタイル)...
-
jspにcssを反映させるには
-
CSSがHTMLに反映しない
-
スタイル変更のやり方
-
エクセルファイルにCSSを読み込...
-
<link rel="stylesheet"を、<bo...
-
CSSを最近始めました。実は、2P...
-
cssで、ボタンのテキスト部分を...
-
ディレクトリ構成【「common」...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
SELECTのプルダウンの長さの調整
-
リストの前後の行間をなくす方...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
サイトを作る時のcssファイルは...
-
ディレクトリ構成【「common」...
-
スタイルシート(CSSスタイル)...
-
複数のhtmlで同じcssファイルを...
-
cssで、ボタンのテキスト部分を...
-
エクセルファイルにCSSを読み込...
-
cssが反映されません
-
Dreamweaver のテンプレートで...
-
ドキュメントルートより上の階...
-
HTMLの CSSのファイルというの...
-
ワードプレスで太字が反映され...
-
ブラウザでプレビューでCSSが反...
-
cssファイルを階層の異なるHTML...
-
行と行の間を一行空けたいです
-
CSSを最近始めました。実は、2P...
-
ページ上部の余白をなくしたい...
-
BODYタグのstylesrcって?
-
dreamweaverでF12(プレビュー...
おすすめ情報