• 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

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

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

.topmenu {
  margin: 0;
}

 

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


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

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

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


.topmenu {
  margin: 0;
}

 

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

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

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

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

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


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

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

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

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


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

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

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

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

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


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

Войти

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


Войти сейчас