• 0
ewee

Помогите убрать отступ от шапки

Вопрос

Не могу убрать отступ от меню до шапки вообще не как все перепробовал, но я не очень шарю 

https://gyazo.com/c4d35eea66b03d4011578bab66670504

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

6 ответов на этот вопрос

Рекомендуемые сообщения

  • 0

Код меню


* {box-sizing: border-box;}

nav {
  display: ;


}
ul {
  
  list-style: none;
  margin: 0 px;
  padding: 0px;
  
}
a {
  text-decoration: none;
  outline: none;
}
.topmenu {
  -webkit-backface-visibility:border-box ;
  -moz-backface-visibility:border-box ;
  backface-visibility:border-box ;
  position: relative;
  background: #003559 ;rgba(255,255,255,.8)
margin: 0 px;
  padding: 0px;

}
.topmenu:before, .topmenu:after {
  content: "";
  display: table;
  clear: both;
}
.topmenu li {
  display: inline-block;
  position: relative;

}
.link {
  font-family: 'Exo 2', sans-serif;
  display: block;
  height: 70px;
  line-height: 70px;
  padding: 0 70px;
  font-weight: bold;
  color: rgba(255,255,255,.8);#003559
  text-transform: uppercase;
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;

}
.down:after {
  content:"\f107";
  
  font-family: FontAwesome;
}
.link:hover {
  color: #E6855F;
}
.submenu {
  background: white ; 
  border: 2px solid #003559;
  position: absolute;
  left: 55;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  width: 150px;
  -webkit-transform: perspective(600px) rotateX(-90deg);
  -moz-transform: perspective(600px) rotateX(-90deg);
  -ms-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: 0.6s ease-in-out;
margin: 0 px;
  padding: 0px;
}
.submenu > li {
  display: block;
}
.topmenu li:hover > .submenu{
  visibility: visible;
  opacity: 1;
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
  -ms-transform: perspective(600px) rotateX(0deg);
  transform: perspective(600px) rotateX(0deg);

}
.submenu li a {
  display: block;
  color: #7f7f7f;
  font-size: 13px;
  line-height: 36px;
  padding: 0 25px;
  font-family: 'Kurale', serif;

}
.submenu li a:hover {
  color: #003559;

}

 

index.js

site.html

styl.css

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
11 минуту назад, radioactive сказал:

у вас очень много ошибок

по теме, вот ваше решение


.topmenu {
  margin: 0;
}

 

можете помочь исправить?

5 минут назад, ewee сказал:

можете помочь исправить?

у меня эта команда убирает  отступ внизу, а мне надо что с шапкой было вместе что бы не было промежутка

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

margin: 0; эта команда убирает отступы с 4 сторон, а margin-top: 0; уберет отступ с верху по крайней мере в примере это работает

у вас сама запись margin: 0 px; записана не верно

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас