Я в точности написал , так как было в 34 уроке ,много раз перепроверил , и все равно результат получился не такой как показан на экране , цвет не сходится , шрифт не сходится , расположение не сходится , не пойму в чем дело?
Тэг <ul> не закрыт же после кода Контакты</a></li>:
<li><a href="#">Контакты</a></li>
</div>Вам же здесь точно такой же ответ дали:
/ru/qa/ne-mogu-najti-osibku-ne-polucilos-kak-bylo-pokazano-v-video-urok-34-html-tpazrs/
Выносить в отдельный css файл стили - это хорошо. Все в одном файле писать - это плохо, потому-что стили будут распространяться на несколько страниц и постоянно дублировать одни и те же стили - это очень плохо.
Проверяйте, что путь к css корректный:
<link rel="stylesheet" href="assets/css/style.css">Проверить корректность пути к style.css можно так:
В Google Chrome нажать на ctr+u (или правой кнопкой мыши по открытой странице "Показать исходный код") и в открывшемся коде нужно нажать на style.css и если style.css не открывается, тогда можно попробовать поставить слеш перед assets.
Если путь правильный, тогда можно нажать на ctr+f5 для того, чтобы сбросить кэш страницы.
Код нужно свой показать. Полностью все файлы. Без кода невозможно сказать в чем дело.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="description" content="Кино монстр это портал о кино">
<meta name="keywords" content="фильмы , фильмы онлайн , hd"/>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="main">
<div class="header">
<div class="logo">
<div class="logo text">
<h1><a href="/">Кино Монстр</a> </h1>
<h2>Кино - наша страсть!</h2>
</div>
</div>
<div class="menubar">
<ul class="menu">
<li class="selected"><a href="#">Главная</a></li>
<li><a href="#">Фильмы</a></li>
<li><a href="#">Сериалы</a></li>
<li><a href="#">Рейтниг фильмов</a></li>
<li><a href="#">Контакты</a></li>
</div>
</div>
</div>
</body>
</html>
CSS
*{
margin: 0;
padding: 0;
}
.header{
background-color: darkslateblue;
height: 177px;
font-size: 0.8em;
margin-left: 0px;
margin-right: 0px;
min-width: 900px;
}
.main , .logo , .menubar, .site_content, .footer{
margin-left: auto;
margin-right: auto;
}
.logo {
width: 880px;
padding-bottom: 40px;
}
.logo h1, .logo h2{
font: normal 300%'century gothic' ,aria , sana-serif;
margin: 0 0 0 9px;
}
.logo_text h1, .logo_text h1 a, .logo_text h1 a:hover{
padding: 22px 0 0 0;
color: #fff;
letter-spacing: 0.1em;
text-decoration: none;
}
.logo_text h2{
font-size: 0.9em;
padding: 4px 0 0 0;
color: #999;
}
.menubar{
width: 900px;
height: 46px;
}
ul.menu{
float: right;
}
ul.menu li{
float: left;
padding: 0 0 0 9px;
list-style: none;
margin: 1px 2px 0 0 ;
}
ul.meny li a{
font: normal 100% 'trebuchet ms', sans-serif;
display: block;
height: 20px;
padding: 6px 35px 5px 28px;
color: #fff;
text-decoration: none;
}
ul.menu li.selected a{
color: #aeb002;
}
ul.menu li a:hover{
color: #e4ec04;
}Я исправил , но ничего не изменилось , как было так и осталось , может быть ошибка в чем-то другом ?
Я понял в чем проблема , по какой- то причине тег <link> нормально не работает , поэтому я решил все написать в одном файле , и все сработало так как было показано в видео , вопрос есть ли смысл возиться с тегом link , для переброса на style.css когда он не работает , если все можно написать в одном файле?
Я все сделал как вы сказали , но не могу перейти на другую страницу , хоть со слешем , хоть бес слеша, выводить только одно
Файл не найден
Возможно, он был перемещен или удален.
ERR_FILE_NOT_FOUND
Что мне делать , чтобы перерейти на style.css?Путь я правильно указал , все сделал , как было в видео , все равно по какой- то неведымой причине не переходит на этот файл , в чем проблема , не могу понять?
Это делали?
В Google Chrome нажать на ctr+u (или правой кнопкой мыши по открытой странице "Показать исходный код") и в открывшемся коде нужно нажать на style.css и если style.css не открывается, тогда можно попробовать поставить слеш перед assets.
Если путь правильный, тогда можно нажать на ctr+f5 для того, чтобы сбросить кэш страницы.Какое расположение папок? Такое?
Kinomonster
index.html
assets
css
style.css
Если да, в другом браузере попробуйте открыть.