Вопрос Shadow Тени

[clearlyst]

Пред.история
Учусь на курсах
Делаю типо годового сайта нам сказали выбрать тематику я выбрал машины
Кароче думаю все пизда готово уже здам
Но мне такая пошел нахуй. Сделай: 1.Отступ header'a 2.Обводку ебануть вокруг сайта типо теней
плиз хелп

 

[hkon]

Чё то всё очень расплывчато
Отступ у хедера относительно чего?

 

[clearlyst]

Чё то всё очень расплывчато
Отступ у хедера относительно чего?

Картиночек сверху , я через margin пытался но не получается

 

[hkon]

Картиночек сверху , я через margin пытался но не получается

Ну да в теорий решается так

Header {
  margin:10px;
  Padding:10px;
}

а обводку типо тени в теорий можно решить таким костылём

(Класс контента) {
  Border:linear-gradient(90deg, black, white);
}

 

[clearlyst]

Ну да в теорий решается так

Header {
  margin:10px;
  Padding:10px;
}

а обводку типо тени в теорий можно решить таким костылём

(Класс контента) {
  Border:linear-gradient(90deg, black, white);
}

Ок завтра проверю если чё отпишу

 

[clearlyst]

Ну да в теорий решается так

Header {
  margin:10px;
  Padding:10px;
}

а обводку типо тени в теорий можно решить таким костылём

(Класс контента) {
  Border:linear-gradient(90deg, black, white);
}

header оказываеться можна просто padding'om без маргина. А вот обводка не роботает

 

[hkon]

А вот обводка не роботает

вот без костылей

(класс контента) {
  border: 1px solid;
  padding: 10px;
  box-shadow: 5px 10px;
}

 

[clearlyst]

вот без костылей

(класс контента) {
  border: 1px solid;
  padding: 10px;
  box-shadow: 5px 10px;
}

Q . Подскажи как сделать что бы оно не наежжало на боди

Спойлер: вот

/*-----menu-----*/
ul#topnav {
    margin: 0px;
    padding: 0px;
    float:left;
    width: 100%;
    list-style: none;
    font-size: 1.1em;
    background: #62A9AA;
    margin-bottom: 10px;
}
ul#topnav li{
    float:left;
    margin: 0;
    padding: 0;
    position: relative;
}
ul#topnav li a{
    display: block;
    text-align: center;
    width: 180px;
    height: 25px;
    color: #FFFFFF;
    background: #000000;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 1px;
    text-decoration: none;
    padding-top: 10px;
}

ul#topnav li a:hover{
    color: #000000;
    background: #FFFFFF;
}

 

[hkon]

Q . Подскажи как сделать что бы оно не наежжало на боди

Спойлер: вот

Посмотреть вложение 153091

/*-----menu-----*/
ul#topnav {
    margin: 0px;
    padding: 0px;
    float:left;
    width: 100%;
    list-style: none;
    font-size: 1.1em;
    background: #62A9AA;
    margin-bottom: 10px;
}
ul#topnav li{
    float:left;
    margin: 0;
    padding: 0;
    position: relative;
}
ul#topnav li a{
    display: block;
    text-align: center;
    width: 180px;
    height: 25px;
    color: #FFFFFF;
    background: #000000;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 1px;
    text-decoration: none;
    padding-top: 10px;
}

ul#topnav li a:hover{
    color: #000000;
    background: #FFFFFF;
}

впринципе можно пойгратся с z-index но тогда уже хедер будет наезжать на боди

 

[clearlyst]

впринципе можно пойгратся с z-index но тогда уже хедер будет наезжать на боди

Ok thx