Перейти к содержимому

Форум ZiSMO.biz


До конца акции -50% осталось:


Купить ссылку здесь
Фотография

ПРОБЛЕМА С ШАПКОЙ САЙТА HTML CSS

Форум ZiSMO.biz
шапка html css
2
Сообщений в теме: 2

OFFLINE Отправлено

_ivan777
Активный
  • Онлайн:1д 8ч 11м
0

Здравствуйте. Имеется следующий код:

 

HTML

 

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>TEST.COM   Тест</title>
</head>
<body>
<div class="container">
<nav>
<a href="#">
<img src="source/img/logo.png" alt="#">
</a>
<a href="#">Главная</a>
<a href="#">Контакты</a>
<a href="#">Поддержка</a>
</nav>




</div>
</body>
</html>

CSS

body{
font-family: 'Yanone Kaffeesatz', sans-serif;
}
 
* {
  box-sizing: border-box;
}
/* 360-28-31 */


.container{
  max-width: 960px;
  margin: 3rem auto;
}


nav{
  padding: 0 1rem;
  background-color: silver;
  display: flex;
  flex-wrap: wrap;
  height: 3.5rem;
  align-items: center;
}


nav > a{
  display: inline-block;
  color: black;
  cursor: pointer;
  text-decoration: none;
  padding: 0 1rem;
  margin-right: .5rem;
}


nav > a:last-of-type{
  margin-right: 0;
}

Проблема заключается в том, что когда я запускал этот код в песочнице, то результат был следующий - Ссылка

А при вёрстке получился такой результат - Ссылка

 

Подскажите пожалуйста в чём проблема?

 

 

 


    • 0
  • Наверх

Поделиться этим:

OFFLINE Отправлено

Zhezkazganetcs
Активный
  • Онлайн:25д 2ч 11м
13

в html путь до стилей пропиши


    • 0
  • Наверх

OFFLINE Отправлено

_ivan777
Активный
  • Онлайн:1д 8ч 11м
0

в html путь до стилей пропиши

Спасибо, я случайно удалил, забыл прописать!


    • 0
  • Наверх

Рекламный пост

OFFLINE Отправлено

Leongram
Premium plus
  • Онлайн:41д 1ч 44м
100

*
Популярное сообщение!

Lеongram.com  - бесплатная программа для раскрутки в instаgram. Одобрено форумом ZiSMO.

 

Плюсы: Привлекает только живых подписчиков // Увеличивает активность профиля // Instagram не банит // Повышает продажи

 

post-132540-0-27634700-1554372735.png

 

Функции: Подписка // Отписка // Лайкинг // Автопостинг // Планировщик // Отмечалка по фото // Чистка от ботов // Сбор аудитории

[Скачать бесплатно]

 

Функций больше, чем в других программах ++ Пользуйтесь бесплатно без ограничений по времени ++ Можно не оставлять компьютер включенным. 


Сообщение отредактировал Zismo-Support: 04 04 2019 - 13:13

Изображение
    • 57
  • Наверх