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



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

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

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

OFFLINE Отправлено

_ivan777
Активный
  • Онлайн:1д 3ч 20м
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
Активный
  • Онлайн:20д 10ч 5м
11

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


    • 0
  • Наверх

OFFLINE Отправлено

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

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

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


    • 0
  • Наверх

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

OFFLINE Отправлено

Leongram
Premium plus
  • Онлайн:41д 53м
87

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

Внимание! Вышла новая версия программы Lеongram.com 3.0 - лучшая бесплатная программа для раскрутки в instаgram по мнению форума ZiSMO. 

 

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

in-img1.png

В первый же день привлечете новых клиентов. Instagrаm не банит. Увеличится количество живых подписчиков, лайков и комментариев сразу же.

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

 

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


Сообщение отредактировал The_Dark: 21 09 2018 - 23:50

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