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

Форум ZiSMO.biz


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

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

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

OFFLINE Отправлено

_ivan777
Активный
  • Онлайн:1д 8ч 13м
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
Активный
  • Онлайн:28д 10ч 32м
13

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


    • 0
  • Наверх

OFFLINE Отправлено

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

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

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


    • 0
  • Наверх

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

OFFLINE Отправлено

Pleorin
VIP
  • Онлайн:16д 18ч 51м
61

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

1)  sms-online.pro - новый, динамически развивающийся, сайт по SMS активациям почти любого сервиса!

Наш сервис полностью автоматизирован
Мы можем похвастаться не только высокой скоростью работы сайта, но и скоростью предоставления SMS сообщений.

Большой выбор стран!

0857741a94ee60ff651ae6730881f767.gif

 

Канал в Telegram:@smsonlinepro
Поддержка в Telegram: @Pleorin
Почта: support@sms-online.pro

 

2) opt-vk.ru - наш магазин АККАУНТОВ и ПРOКСИ по оптовым ценам

Индивидуальные предложения каждому!

Канал в Telegram@optvkru


Сообщение отредактировал Pleorin: 01 07 2019 - 10:34

http://sms-online.pro  - Лучший сайт по приему SMS от любого сервиса!  http://opt-vk.ru - Аккаунты VK.COM ПРOКСИ по оптовой ЦЕНЕ

    • 25
  • Наверх