![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
外部.cssに
body {
font-size : 80%;
font-family:Verdana,Chicago,osaka,sans-serif,"MS Pゴシック";
line-height: 140%;
text-align: center;
background-color : #ffffff;
color:#555;
}
/* タイトル*/
h1 { font-size:2.3em; color:#ffffff; text-align:left;
padding: 10px 0px 0px 10px;
}
h2 { font-size:1.2em; color:#ff0000; text-align:left;
padding: 10px 0px 0px 10px;
}
h3 { font-size:1.2em; color:#ff0000; text-align:rihgt;
padding: 10px 10px 0px 0px;
}
と設定し、HTML内で任意の***場所に
<div id="***">
<h1>タイトル</h1>
</div>
と記述してもデフォルトサイズと#555のカラーになってしまいます。
text-align:left; や padding: 10px 0px 0px 10px;
も全く反映しません。
タイトルの位置を任意の場所を変更しても、状況は同じで
<h1>を<h2>や<h3>に打ち直すと.css通りきちんと反映されます。
全体.css記述をコピーすると膨大なので省略しますが、解せないのは<h2>や<h3>なら反映するのに、<h1>のみ反映しないのがわかりません。
色々試してみましたが、今現在は<h1>で表示したいタイトルを
h2 { font-size:2.3em; color:#ffffff; text-align:left;
padding: 10px 0px 0px 10px;
}
としてUPしてますが、<h1>と記述してWEB上で反映しない原因は何でしょうか?宜しくお願い致します。
No.1ベストアンサー
- 回答日時:
ざっと見た限りではh1のスタイルシートにはミスは無いようです。
h3のtext-align:rihgt;は間違っていますが。
目隠しされた断片的な情報じゃなく、全体(そのもの)を見れれば判るかもしれないですが。
あとりあえず以下でCSSやhtmlの文法にミスがないかチェックしてみては。
http://jigsaw.w3.org/css-validator/
http://openlab.ring.gr.jp/k16/htmllint/htmllintl …
早速の回答ありがとうございました。
http://openlab.ring.gr.jp/k16/htmllint/htmllintl …
は存じてましたが、http://jigsaw.w3.org/css-validator/
は、今回初めて利用しとても役に立ちました!
おかげさまで、原因がわかりました。
.cssを作成する時に多窓が面倒なのでファイルの空白の端の方にコピー用のタグを貼り付けながら作業し、
後からそれを全部消したつもりだったのですが...ちょうど<h1>にかかる位置にposition:absolute;の
absoluteだけがちょこんと消し残っていました。(恥)
こんなケアレスミスを3日がかりでも気がつかないなんて...やはり自分の目では見落としてしまうものですね。
文法チェックサイト&教えてgooに感謝々です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
【CSS】ヘッダーの高さが不明の...
-
HTMLで文字が重なって表示されます
-
widthやheightの数値に単位(px...
-
スクロールボックスを中央に配...
-
ddの内容が多い時のdtの背景を...
-
CSSで背景画像を一番下にもって...
-
画面に表示したらアニメーショ...
-
CSSについて教えて下さい ブロ...
-
画像イメージの上下左右、欲し...
-
日本地図(白地図的)にリンク...
-
CSS:animation開始位置の設定
-
table周辺の隙間をなくしたい。
-
CSS、width100%でもできる余白
-
divの入れ子が上手くいきません。
-
divの中にspanを右寄せにするに...
-
アドバイスをよろしくお願いします
-
3カラムレイアウトで隙間
-
HP初心者です。
-
h1のみが反映されない!?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
画像イメージの上下左右、欲し...
-
css初心者 フレックスボックス...
-
form input テキストを上下中央...
-
CSSでボックスのheightが0になる
-
CSS、width100%でもできる余白
-
CSSがなぜかfont-sizeだけ効か...
-
footer を横幅いっぱいに広げる...
-
CSS:animation開始位置の設定
-
【CSS】ヘッダーの高さが不明の...
-
CSSで背景画像を一番下にもって...
-
W3Cのソースコードの検証サービ...
-
表示倍率を変えるとレイアウト...
-
<div>と<div>の間の10px程の...
-
HTMLのiframeの入れ子について
-
余分な縦スクロールバーが出て...
-
HTMLで一部だけスクロールする...
-
【HTML&CSS】フッター下部の余...
-
Media Queries 4 で 非推奨とな...
おすすめ情報