No.6ベストアンサー
- 回答日時:
こんばんわぁ、Blackwinglsです。
ちょっと心配になって動作確認してみました。
あれ、確かに思った通りの動作しませんねぇ・・・
でソースを良くみてみたらパスがチョットおかしいかも(^^;)
ソースの
<link rel="stylesheet" href="/textStyle.css" type="text/css">
の部分を
<link rel="stylesheet" href="./textStyle.css" type="text/css">
に変更して試してみてください。
恐らくhtmlファイルと同じ階層(フォルダ)にcssファイルをアップしてるんですよね。
最初の記述だとルートにcssファイルがあることになってしまうので・・・・・
ではでは~☆彡
ビンゴです(^-^)
わざわざ動作確認してもらって恐縮です。
お手数おかけしました。
パスは自動的に修正されるものだと思っていましたが、
手をくわえなきゃいけないときもある?んですね。
>恐らくhtmlファイルと同じ階層(フォルダ)にcssファイルをアップしてるんですよね。
同じ位置で一番上の階層に移動していました。
No.5
- 回答日時:
こんばんわぁ、Blackwinglsです。
スタイルシートの記述方法には
1、インラインに埋め込む方法
2、HTMLファイル内に埋め込む方法
3、外部ファイルを読み込む方法
とありますが、
件のソースを拝見すると
2、HTMLファイル内に埋め込む方法
<style type="text/css">
<!--
-->
</style>
の記述と
3、外部ファイルを読み込む方法
<link rel="stylesheet" href="/textStyle.css" type="text/css">
と同時に記述されてるようです。
それぞれの記述には当然優先順位があります
1→2→3
の順位で優先順位がありますが、
3、外部ファイルを読み込む方法
よりも
2、HTMLファイル内に埋め込む方法
の方が優先されますので、
<link rel="stylesheet" href="/textStyle.css" type="text/css">
が読み込まれても
<style type="text/css">
<!--
-->
</style>
が優先されて何も反映しない(何も指定していないので)のではないでしょうか・・・・
以上、内容確認せずの思い付き回答です(^^;)
ではでは~☆彡
No.4
- 回答日時:
<link rel="stylesheet" href="/textStyle.css" type="text/css">
という指定なのですか?
<a href="/textStyle.css">css</a>
とでもいう記述を加え、そのリンクが正常に行われるか試してみてください。
というか、絶対パス、相対パスどちらなのでしょうか。
No.2
- 回答日時:
Dreamweaverで見れたからと言って、各ブラウザで見えるという保証はありません。
ブラウザ同様にエディタも規格の統一がなされていないからです。
F12で正しく見れるのに、ローカルファイルを開くと見れないのですね。まず、ローカルファイルを開いた時点で正しくないことがおかしいですね。
CSSファイルの指定の仕方に問題がないでしょうか?
ありがとうございます。そう思います~。
どこを確認したらよろしいでしょうか?
cssスタイル > スタイルシート編集
さらに編集でみると、テキストスタイルがいくつか
定義されています。
そういうのは、一応みたんですが。
そっちじゃなくて他が原因ですか?
一度、階層を移動したんですが、
そういうのって自動的に修正されます?
No.1
- 回答日時:
反映されていないブラウザを教えて下さい。
また、できればこういう質問はソースを見せて
頂いた方が的確な回答ができる場合が多いと思いますよ。
ありがとうございます。
反映されていないブラウザーは、IE、FireFoxの両方。
F12で確認したときのみ、反映されています。
<html>
<head>
<title>テスト</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<style type="text/css">
<!--
-->
</style>
<link rel="stylesheet" href="/textStyle.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#333333" leftmargin="0" topmargin="50" marginwidth="0" marginheight="0" class="gray12" link="#1717FF">
<div align="center">
<p><span class="gray12">テスト<br>
テストテストテストテストテストテスト</span>
(中略)
</div>
</body>
</html>
ソースの一部です。どこも反映されていません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS iPhoneで HTMLファイルを閲覧 3 2023/03/12 02:35
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- HTML・CSS WEB上で文書のアイコンを配置する方法 2 2022/09/03 13:01
- サーバー Laravelをレンタルサーバーにインストールするにはどうすればいいですか? 2 2022/06/29 10:17
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- WordPress(ワードプレス) wordpress cocoon ヘッダーのフォント変換 2 2022/11/22 09:58
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssファイルの名称付け
-
cssファイルを階層の異なるHTML...
-
サイトを作る時のcssファイルは...
-
範囲指定印刷での位置(css)
-
スタイルシート(CSSスタイル)...
-
拡張子 .cssに続く暗号みたいな...
-
ディレクトリ構成【「common」...
-
リンクについて
-
jspにcssを反映させるには
-
CSSファイルの分け方皆様はどの...
-
ブラウザでプレビューでCSSが反...
-
デバイス毎、画面の向き毎にデ...
-
HTMLの CSSのファイルというの...
-
画面キャプチャー 禁止 css
-
cssでiPhone SEで文字が小さす...
-
ドキュメントルートより上の階...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
入力規則のリストの文字の大き...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
ディレクトリ構成【「common」...
-
サイトを作る時のcssファイルは...
-
HTMLの CSSのファイルというの...
-
cssで、ボタンのテキスト部分を...
-
複数のhtmlで同じcssファイルを...
-
cssファイルを階層の異なるHTML...
-
cssが反映されません
-
一部のページにデフォルトCSSを...
-
WindowsとMacで違うCSSを読み込...
-
エクセルファイルにCSSを読み込...
-
定数の定義とかはできますか?
-
ブラウザでプレビューでCSSが反...
-
範囲指定印刷での位置(css)
-
ドキュメントルートより上の階...
-
スタイルシート(CSSスタイル)...
-
Dreamweaver のテンプレートで...
-
【CSS】スタイルやクラスがどの...
-
cssでiPhone SEで文字が小さす...
おすすめ情報