- ベストアンサー
h1タグについて教えてください。
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>です。 ●の文字が大きくなってしまい困っています。教えてください。おねがいします。 初心者ですので伝え方の不足の部分があるかもしれませんが、宜しくお願いします。
- みんなの回答 (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 の指定方法を理解して下さい。
その他の回答 (6)
- metis
- ベストアンサー率52% (86/165)
#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="[フォルダ名]/[ファイル名]"として下さい。
お礼
ありがとうございます。出来ました!!ただ完全には理解はしていませんが、なんとか外部設定で出来ました。ありがとうございます。
- Oh-Orange
- ベストアンサー率63% (854/1345)
★スタイルシートのファイルは1つだけですか? ・回答者 No.2 さんのアドバイスで HTML ファイルに記述すると正常、外部ファイルの指定で 異常になる場合は、パスの指定が異なるか、別のスタイルシートのファイルで既に『H1』が 定義されている可能性があります。 ・<LINK>タグで指定している『スタイルシート』ファイルは1つですか? もしも、複数読み込んでいる場合はすべてをチェックして下さい。 ・以上。確認して下さい。→結果報告をお願いします。
補足
ありがとうございます。Oh-Orangeさんの言うように、別のファイルでH1が定義されていました。しかしそのファイルを削除しても出来ませんでしたが、CSSの定義をフォルダ(style.css)にいれずに、メモ帳(index.css)をそのまま放り込んだら、一応できました。index.cssをフォルダ(style.css)にいれなくて問題はないのでしょうか?このやり方で間違っていたら、お時間があるときで結構ですのでお教え下さい。
- metis
- ベストアンサー率52% (86/165)
<link href="style.css" rel="stylesheet" type="text/css"> この一行を <link href="style.css" rel="stylesheet" type="text/css" /> こうしてみてはいかがでしょうか? 理由は全く分からないのですが、こちらで前者で適用されず、後者で適用された、ということがありますので…。
補足
ありがとうございます。やってみましたがダメでした。
- crepon133
- ベストアンサー率51% (399/776)
style.cssとhtmlは同じ階層に置いていますか?
補足
ありがとうございます。同じ階層です。
- akuhijrwq
- ベストアンサー率35% (381/1064)
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
お礼
できました。ありがとうございました。ただ外部設定はどうしてもできませんでした。
補足
ありがとうございます。コピーしてやってみましたが変化がありませんでした。外部設定?とはなんでしょうか?お時間があれば教えてください。
- aya-u
- ベストアンサー率24% (99/397)
Hタグの意味はご存知ですか? http://www.htmq.com/html/h.shtml 単に、h1というccsを適用したいのならば、 <TD class="h1">●●●●●</TD> って感じじゃないでしょうか?
補足
ありがとうございます。hタグの事は勉強中ですが殆ど理解していないのが現状です。
お礼
ありがとうございます。出来ました!!