プロが教えるわが家の防犯対策術!

h1タグを付けると文字が大きくなってしまいます。
フォルダにメモ帳で
h1 {
text-align: center;
font-size: 10px;
font-weight: normal;
color: #FF0000;
}
の内容です。フォルダの名前はstyle.cssです。
HPのソースには<HEAD></HEAD>の中に<link href="style.css" rel="stylesheet" type="text/css">
を入れてあります。
h1を使ったソースは
<TD><h1>●●●●●</h1></TD>です。
●の文字が大きくなってしまい困っています。教えてください。おねがいします。
初心者ですので伝え方の不足の部分があるかもしれませんが、宜しくお願いします。

A 回答 (7件)

★結果報告、ありがとう御座います。


・CSS の定義ファイルをフォルダ『style.css』へ入れているのならば、
 『<link href="style.css/index.css" rel="stylesheet" type="text/css">』
 が CSS 定義ファイルの指定になりますよ。
・フォルダに拡張子『.css』をつけているのですか?→つけてもいいですが、
 指定するときには『フォルダ名+CSSファイル名』のセットで指定します。

■ルート(フォルダ)
├index.html
└■style.css
 └index.css

・上記の図式で『■』がフォルダを表しています。
 『index.html』ファイルと同じ階層に『style.css』フォルダがあって、その中に
 『index.css』を入れておきたいのならば、『href="style.css/index.css"』という
 パス設定になります。→最初の『<link … type="text/css">』を参照。

最後に:
・フォルダ『style.css』に CSS ファイルを入れただけでは CSS の機能はしません。
・以上。おわり。→回答者 No.6(No.4) さんのと一緒に CSS の指定方法を理解して下さい。
    • good
    • 0
この回答へのお礼

ありがとうございます。出来ました!!

お礼日時:2007/02/28 19:08

#4です。

横槍になりますが…

>CSSの定義をフォルダ(style.css)にいれずに、~
hrefで指定するのは、フォルダではなくて、「css」という拡張子を持つ「ファイル」です。
質問文にある定義を中身に持つ、「style.css」という「ファイル」を作成し、それをHTMLと同じフォルダに置いてみて下さい。

よく見たら質問文に「フォルダ」って書いてありましたね…。失礼しました。

ちなみに、index.cssに入れたら出来たのは、そのindex.cssをlinkタグで指定しているからだと思います(<link href="index.css"~>というタグがある)
そのindex.cssをそのまま用いるのでしたら、特定のフォルダに入れなくても大丈夫です(同時に、href="style.css"の行も必要なくなります)。

なお、cssファイルが大量に出来る場合など、フォルダを作成してもいいでしょうが、その際はきちんとhref="[フォルダ名]/[ファイル名]"として下さい。
    • good
    • 0
この回答へのお礼

ありがとうございます。出来ました!!ただ完全には理解はしていませんが、なんとか外部設定で出来ました。ありがとうございます。

お礼日時:2007/02/28 19:05

★スタイルシートのファイルは1つだけですか?


・回答者 No.2 さんのアドバイスで HTML ファイルに記述すると正常、外部ファイルの指定で
 異常になる場合は、パスの指定が異なるか、別のスタイルシートのファイルで既に『H1』が
 定義されている可能性があります。
・<LINK>タグで指定している『スタイルシート』ファイルは1つですか?
 もしも、複数読み込んでいる場合はすべてをチェックして下さい。
・以上。確認して下さい。→結果報告をお願いします。

この回答への補足

ありがとうございます。Oh-Orangeさんの言うように、別のファイルでH1が定義されていました。しかしそのファイルを削除しても出来ませんでしたが、CSSの定義をフォルダ(style.css)にいれずに、メモ帳(index.css)をそのまま放り込んだら、一応できました。index.cssをフォルダ(style.css)にいれなくて問題はないのでしょうか?このやり方で間違っていたら、お時間があるときで結構ですのでお教え下さい。

補足日時:2007/02/25 17:59
    • good
    • 0

<link href="style.css" rel="stylesheet" type="text/css">


この一行を
<link href="style.css" rel="stylesheet" type="text/css" />
こうしてみてはいかがでしょうか?

理由は全く分からないのですが、こちらで前者で適用されず、後者で適用された、ということがありますので…。

この回答への補足

ありがとうございます。やってみましたがダメでした。

補足日時:2007/02/24 11:45
    • good
    • 0

style.cssとhtmlは同じ階層に置いていますか?

この回答への補足

ありがとうございます。同じ階層です。

補足日時:2007/02/23 17:34
    • good
    • 0

http://www.ho-n.com/beginner/seo_h1h6p.html
外部設定ではなく
<style type="text/css">
<!--
h1 {
text-align: center;
font-size: 10px;
font-weight: normal;
color: #FF0000;
}
-->
</style>

にした場合、どうなりますか?


http://www.hyperposition.com/rumor/css-h1.html
http://www.sem-seminar.com/seo_diary02.html
http://seoda.seesaa.net/article/32244381.html

この回答への補足

ありがとうございます。コピーしてやってみましたが変化がありませんでした。外部設定?とはなんでしょうか?お時間があれば教えてください。

補足日時:2007/02/23 17:32
    • good
    • 0
この回答へのお礼

できました。ありがとうございました。ただ外部設定はどうしてもできませんでした。

お礼日時:2007/02/24 11:48

Hタグの意味はご存知ですか?


http://www.htmq.com/html/h.shtml

単に、h1というccsを適用したいのならば、

<TD class="h1">●●●●●</TD>

って感じじゃないでしょうか?

この回答への補足

ありがとうございます。hタグの事は勉強中ですが殆ど理解していないのが現状です。

補足日時:2007/02/23 17:36
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!