css

Я застрял на небольшой детали, вот скриншот ниже. На самом деле, когда я добавил изображение, у меня есть 2 пробела на моей странице. Пробел сверху, а другой слева.

Как я мог адаптировать это? Возможно, что моя проблема - мои блоки в моем HTML-коде?

У вас есть идея удалить эти пробелы, пожалуйста?

Спасибо за вашу помощь.

header{
  background-color: #535353;
  width: 100%;
  height: 100px;
  top:  -10;
  left: 0;
  display: block;
  position:  absolute;
  opacity: 0.5;
}

.subtitles{
  font-size:13px;
  font-family: 'Lato', sans-serif;
  text-transform:  uppercase;
  text-align: right;
  margin-top: 15px;
  color: #fff;
  margin-right: 80px;
  margin-left: 380px;
}

.subtitles-left{
  display: inline-block;
  float: left;
  padding-left: 33px;
  
}

.subtitles-right{
  display: inline-block;
  padding-left: 18px;
}

nav{
  display: block;
  position: absolute;
  top: 50px;
  right: 50px;
}

nav ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}


nav li{
  display: inline-block;
  font-family: sans-serif;
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

nav li a{
  padding: 10px 14px 10px 14px;
  text-decoration: none;
  color: #f2f2f2;
  text-align: center;
}

nav ul li a:hover{
  background-color: white;
  color: black;
}

.active{
  background-color: #C52E1E;
  color: #f2f2f2;
}

.banner{

}

    <header>
      <div class="subtitles">
        <div class="subtiles-left">Portofolio</div>
        <div class="subtiles-left">Languages</div>
        <div class="subtiles-right">Support</div>
        <div class="subtiles-right">Login</div>
      </div>
    </header>


   <nav>
 	<ul>
 	 <li><a class="active"><href="index.html">Home</a></li>
 	 <li><a href="#">Investment plan</a></li>
 	 <li><a href="#">Commission</a></li>
 	 <li><a href="#">About us</a></li>
 	 <li><a href="#">Features</a></li>
 	 <li><a href="#">Register</a></li>
 	 <li><a href="#">Pages</a></li>
 	 <li><a href="#">Contact us</a></li>
 	</ul>
   </nav>

  <div class="banner">
    <a href='https://www.casimages.com/i/191221021729649035.jpg.html' target='_blank' title='Mon image'><img src='https://nsa40.casimages.com/img/2019/12/21/191221021729649035.jpg' border='0' alt='Mon image' /></a>
  </div>

css

aurelie

Удалить два пробела

Новые вопросы