メニューを作りたいのですが。。。

回答率: 85.46%

質問するログイン新規登録

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

新規登録して質問してみよう

ただいま回答率: 85.46%

トップ HTMLに関する質問

Q&A

解決済

2回答

603閲覧

メニューを作りたいのですが。。。

総合スコア13

0グッド

0クリップ

投稿2020/03/01 13:44

編集2020/03/01 14:32

0

0

上の左側にロゴ、右側にメニューを作りたいのですが、CSSのどこにそれを書いたら良いのかがわかりません。

html、cssともに今の書き方でおかしいところをご指摘いただきたいです。

Meフォルダの中にmask.png vol.html vol.cssがあります

<body>
<div class="wrapper">
  <header>
  <div class="navbar">
    <div class="logo">
      <p>LogoLOGO</p>
      <p>コスメです。</p>
    </div>
    <div class="grobal-nav">
      <ul>
        <li>About</li>
        <li>Staff</li>
        <li>Menu</li>
        <li>Blog</li>
        <li>Access</li>
      </ul>
  </div>
 </div>
  </header>

ｃｓｓ

.wrapper {
  background-image:url("mask.png");
  width: 1280px;
  height: 806px;
  background-size: cover;
}

.nevbar {
  display: flex;
  justify-content: space-between;
}
.logo {
  color: white;
}

.nevbar ul{
  display: flex;
  list-style: none;
}
.navbar li {
  margin-left: 2rem;
}

2020/03/01 13:46

> CSSのどこにそれを書いたら良いのかがわかりません。ここまでのコードはどう書いたのでしょうか？

2020/03/01 13:48

いろいろ参考にしながら作ってみました。合っているのかはわかりません。

2020/03/01 13:52

mask.pngのサイズをお教えください。

2020/03/01 14:06

width 1280px height 806px です。

行動規範の内容に同意します

回答2件

0

ベストアンサー

タイポですね。

html
1  <div class="navbar">

css
1.nevbar {
2
3}
4
5.nevbar ul{
6
7}

.nevbar → .navbar

投稿2020/03/01 14:42

総合スコア33790

2020/03/01 14:52

ありがとうございます。感謝致します。

行動規範の内容に同意します

0

タイプミスが原因だと思います。cssの中で.navbarと書くべき部分が.nevbarとなってしまっています。

.nevbar { .nevbar ul {の2箇所。

投稿2020/03/01 14:41

編集2020/03/01 14:42

総合スコア461

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

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

ただいまの回答率
85.46%

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

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

関連した質問

トップ HTMLに関する質問

メニューを作りたいのですが。。。