cssの外部ファイルがうまく機能しません

[新着] Webテンプレートを仮オープンしました

0   名前： たまごちゃん ： 2007/02/19（月） 15:25  ID:2919DBtE sub-.G
下のコードを記入したんですがcssファイルがうまく機能しません
cssファイルはアップロードしてあるんですが
”サンプル”は大きいままでした
どうしてフォント指定が機能しないんでしょうか？

ヘッダ内
<META http-equiv="Content-Style-Type" content="text/css">
<LINK rel="stylesheet" href="sample.css" type="text/css">

ボディ内
<h1>サンプル</h1>

アップしたcssファイル内容
h1 { FONT color="#330000" size="2"; margin:0px}
これだけです

ここの掲示板にある他の人の外部ファイルについて書かれていたのを
読んだんですがわかりませんでした
初心者なんでできればわかりやすく説明してもらえると助かります
よろしくお願いします
1   名前： 匿名 ： 2007/02/19（月） 15:25  ID:FUlO79v0 sub-tF
サムプルの色は変わってるんでしょうか？
変わっていたら外部CSSは機能してます。
変わっていなかったら機能してません。
2   名前： 匿名 ： 2007/02/19（月） 15:25  ID:FUlO79v0 sub-tF
追記

h1{
color:#330000;
font-size:2;
margin:0;
}

で試してみてください。
3   名前： key-child ： 2007/02/19（月） 15:25  ID:8GUFlW2K sub-DR
> h1 { FONT color="#330000" size="2"; margin:0px}
プロパティの設定方法がめちゃくちゃです。
上記では、おそらくmarginプロパティのみ反映されるでしょう。

下記を一通り読んでみては？
http://www.tagindex.com/stylesheet/basic/index.html
4   名前： たまごちゃん ： 2007/02/19（月） 15:25  ID:Rpktl59p sub-.G
皆さん　ありがとうございました
：；で指定するんですね
どうもありがとうございました
さっそく設定し直します
5   名前： たまごちゃん ： 2007/02/19（月） 15:25  ID:fqn6JsHz sub-.G
すいません　下のコードでcssファイル作ったんですが
ページに反映されません　どうしてでしょうか？
わかる人いましたらよろしくお願いします

h1{
color:#330000;
font-size:2;
margin:0;
}
6   名前： あり ： 2007/02/19（月） 15:25  ID:kQkRn4S9 sub-bK
はじめまして。

htmlファイルのソースはどうなっていますか？
7   名前： とおりすがり ： 2007/02/19（月） 15:25  ID:UWsZexeD sub-gm
> 下のコードでcssファイル作ったんですが
別名のファイル？
上書き？
アップロードは？
更新ボタンは？

> わかる人いましたらよろしくお願いします
実際に見たほうが分かる人も多いと思います。
URLを提示しましょう。
8   名前： くいん ： 2007/02/19（月） 15:25  ID:rbRHv8MX sub-Ds
>>5
反映されていないのは、指定した全ての項目ですか？
それとも、色だけ、大きさだけ、マージンだけ、ですか？
原因を見つける為になるべく細かく教えてくださいね。

とりあえず、フォントサイズについてはコチラも読んでチェックしてみてください。
http://www.tagindex.com/stylesheet/text_font/font_size.html
9   名前： たまごちゃん ： 2007/02/19（月） 15:25  ID:T1g5Q8pi sub-.G
皆さんアドバイスありがとうございます　外部リンクの前に
ＨＴＭＬページに挿入してみたんですが表示がされないので
やはりコードに問題があるみたいです
下にサンプルを作成してみたんですがやはり表示されません
どこが間違ってるんでしょうか？アドバイスよろしくお願いします

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
h1{font-size:14px;color:#330000;margin:0px;}
<TITLE></TITLE>
</HEAD>
<BODY><h1>サンプル</h1></BODY>
</HTML>
10   名前： Z ◆XTzyosZXcL ： 2007/02/19（月） 15:25  ID:wMpJdqee sub-Cl
>>9
　HTML文書内でスタイルシートを設定する場合、STYLE要素を使う必要があります。>>9のままではh1〜の行は「無視」されることでしょう（何の意味づけもされずにただ記述されているデータと解釈されるため）。

HTML4.01仕様書(スタイルシート）：
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html
http://www.w3.org/TR/html401/present/styles.html

仕様書の読み方など：
http://www.kanzaki.com/works/2001/pub/wsd01.html

スタイル設定の方法：
http://www.kanzaki.com/docs/html/htminfo17.html
http://www.kanzaki.com/docs/html/htminfo17-2.html
11   名前： たまごちゃん ： 2007/02/19（月） 15:25  ID:WytWyMoO sub-.G
Zさん　ありがとうございます　さっそく勉強してやってみたいと思います

親切にリンクまで貼っていただき感謝です　○┐ペコッ
12   名前： たまごちゃん ： 2007/02/19（月） 15:25  ID:cjrwW1Xy sub-.G
皆さん　おはようございます
スタイル要素ではうまく表示されるようになりましたが
やはり外部リンクにするとうまく表示されません

ヘッダ内
<META http-equiv="Content-Style-Type" content="text/css">
<LINK rel="stylesheet" href="sample1.css" type="text/css">

ボディ内
<h1>サンプル</h1>
/////////////////////
sample1.cssファイル内容

h1{
color:#330000;
font-size:2;
margin:0;
}
/////////////////////
ただホームページビルダーで作成してるんですが
cssファイルをそれで作成すると上書きするたびに
上部に<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
が挿入されるのでWORDで作成して保存しアップしていますが
それがなにか関係していますでしょうか？
コードに問題がないようならHPBメーカーに問い合わせてみようと思ってます
引き続きよろしくお願いします
13   名前： モノ ◆7YMtX/NYmu ： 2007/02/19（月） 15:25  ID:d8fdnhIh sub-Cl
Wordよりはホームページビルダーのほうが、HP作成には適しています。
なんといってもそれ専用のソフトなんですから。

で、DOCTYPE宣言が挿入されることによる具体的な問題点はなんですか？
無い方がおかしいので、挿入されるのが(HTMLにおいては)適正であるということになります。

ビルダーで作成したものをわざわざwordで編集するからおかしい、
というのはもしかしたら可能性があるかもしれません。

> <h1>サンプル</h1>

↑これが書いてあるhtmlファイルと、sample.cssは同じフォルダの中に無くてはいけません。
きちんとありますか？
14   名前： 匿名 ： 2007/02/19（月） 15:25  ID:rEkc4Z1y sub-kJ
>>12
> font-size:2;

いい加減これ直そうよ。と言うか、>>9 で直ってたのに。

>>9 はスタイルは正しいのに指定方法が正しくなく、>>12 は指定方法は正しい（おそらく）のにスタイルが正しくなく、あっちを直せばこっちが状態だなあ。

> cssファイルをそれで作成すると上書きするたびに上部に……が挿入されるので

CSS ファイルにってこと？ならば操作を間違っている気がする。

ソースの抜粋ではなくて、全部提示した方が良いと思う。いろんな意味で不安を感じる。


>>10
括弧付きで「無視」と書いてあるので言わんとすることは分かるけど、通常の意味での無視はされない。テキストの出現により、テキストの直前に </head><body> が補われ（省略タグ機構）、body 要素直下の通常文と見なされる。その後に title 要素が続くわけだから、HTML として不正となる。
15   名前： モノ ◆7YMtX/NYmu ： 2007/02/19（月） 15:25  ID:d8fdnhIh sub-Cl
>>13さんのおかげでなんかわかったような気がする

>>13さんの言うとおり、ソースを全部提示したほうがよいでしょう。
htmlファイルとcssファイル(sample.css)、全部です。
ついでに、あなたの製作環境とその手順も。

私の推測になりますが、
HPBの通常の編集画面、あるいはHTMLソースの編集画面に、
.cssファイルに記述すべきスタイル定義を記述しているのではありませんか？

→HPBからしたら、当然htmlファイルだと思ってるから、DOCTYPE宣言が入る。
（おそらくcssファイルすら作成されていないのかもしれません）

→それが「.cssファイル的には正しくない」ということは
　なんとなく理解している？から、wordにスタイルの記述をコピペ。

→.docのまま保存される、あるいはsample.cssの名前で保存されたとしても、
Word特有のアレなソース(文書の見た目とは別)になっているため、
.cssファイルとして機能しない
たぶん、ファイル名がsample.css.docとかになってると思う。

→>>0へ。「外部スタイルシートにすると機能しない」


HPBを使っているなら、スタイルシートマネージャを使用して、
適切な操作をすればいいと思いますよ。
16   名前： モノ ◆7YMtX/NYmu ： 2007/02/19（月） 15:25  ID:d8fdnhIh sub-Cl
すいません、>>13は自分でした。
>>15の書き込みの>>13はすべて>>14の間違いです。
17   名前： たまごちゃん ： 2007/02/19（月） 15:25  ID:e8A3i.Z5 sub-.G
皆様本当にありがとうございました

cssファイルをホームページビルダーで作成したら

うまくいきました　

最後までお付き合いいただき感謝しております

本当にお優しいアドバイスありがとうございました
一覧へ戻る