🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

2088閲覧

ProgateのHTML&CSS道場コースで見た目全く同じなのに、NG判定がでます。

himari33

総合スコア1

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/12/18 07:16

前提・実現したいこと

progateの道場コース中級で、【2.ヘッダーを作ろう】から抜け出せません。
見た目全く同じで、検証と1字1句見比べましたが、全く見つからず困っています。

どんなことが考えられますか?

別の質問で「progateでは見た目が同じになればいいと思っている。」というものもみて、とにかく次に進みたいです。

発生している問題・エラーメッセージ

イメージ説明

該当のソースコード

HTML&Css ソースコード
<header> <div class="container"> <div class="header-left"> <img class="logo" src="https://prog-8.com/images/html/advanced/main_logo.png">
</div> <div class="header-right"> <a href="#" class="login">ログイン</a> </div> </div>
</header>

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
header{
width:100%;
height:65px;
background-color:rgba(34,49,52,0.9);
position:fixed;
top:0;
z-index:10;
}

.container{
width:1170px;
margin:0px auto;
}

.header-left{
float:left;
}

.logo{
width:124px;
margin-top:20px;
}

.header-right{
float:right;
background-color:rgba(225,225,225,0.3);
transition:all 0.5s;
}

.header-right a{
color:white;
line-height:65px;
padding:0 25px;
display:block;
}

.header-right:hover{
background-color:rgba(225,225,225,0.5);
}

試したこと

検証と見比べました。
また、間違いがわからなかったため、3周ほど書き直していますが、同じ箇所が間違っていると表示されます。

補足情報(FW/ツールのバージョンなど)

Google Chromeで作業しています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Lhankor_Mhy

2020/12/18 07:57

rgba(225,225,225,0.3) はこのままで大丈夫ですか? 255ではないですか?
himari33

2020/12/18 08:03

255でした!! 直したところ、無事クリアになりました。 4時間ぐらい苦戦していたので、本当に助かりました。 見つけていただきありがとうございました!
guest

回答1

0

自己解決

ログインボタン部分のbackground-colorの数値が間違っていました。
解決しました。

投稿2020/12/18 08:54

himari33

総合スコア1

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問