Мой заголовок я не покрываю - PullRequest
Новая
       11

Мой заголовок я не покрываю

0 голосов
/ 08 мая 2018

Моя проблема в том, что мой заголовок не покрывает панель навигации. Я использую материализацию. 

<div class="header">
  <img src="img/header.png" />
</div>
<!-- Navbar -->
<nav>
  <div class="nav-wrapper teal darken-3">
    <a href="#!" class="brand-logo"><img src="img/brandlogo" alt="NobleStudios" /></a>
    <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
    <ul class="right hide-on-med-and-down">
      <li><a href="about.php">About</a></li>
      <li><a href="members.php">Members</a></li>
      <li><a href="contact.php">Contact</a></li>
      <li><a href="news.php">News</a></li>
    </ul>
  </div>
</nav>

<ul class="sidenav" id="mobile-demo">
  <li><a href="about.php">About</a></li>
  <li><a href="members.php">Members</a></li>
  <li><a href="contact.php">Contact</a></li>
  <li><a href="news.php">News</a></li>
</ul>

1 Ответ

0 голосов
/ 08 мая 2018

Определены свойства в .header class, как это. 

            .header {
              padding: 20px;
              background: black;
              color: white;
             }
            
         
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
            <body>
            <div class="header">
            <img src="img/header.png"></img>
            <span>Header Content</span>
            </div>
            <!-- Navbar -->
            <nav>
              <div class="nav-wrapper teal darken-3">
                <a href="#!" class="brand-logo"><img src="img/brandlogo" alt="NobleStudios"></img></a>
                <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
                <ul class="right hide-on-med-and-down">
                  <li><a href="about.php">About</a></li>
                  <li><a href="members.php">Members</a></li>
                  <li><a href="contact.php">Contact</a></li>
                  <li><a href="news.php">News</a></li>
                </ul>
              </div>
            </nav>
            
            <ul class="sidenav" id="mobile-demo">
              <li><a href="about.php">About</a></li>
              <li><a href="members.php">Members</a></li>
              <li><a href="contact.php">Contact</a></li>
              <li><a href="news.php">News</a></li>
            </ul>
            
            </body>
...