Не могу найти ошибку в верстке в 34 уроке, как исправить?

2
0

Я в точности написал , так как было в 34 уроке ,много раз перепроверил , и все равно результат получился не такой  как показан на экране , цвет не сходится , шрифт не сходится , расположение не сходится , не пойму в чем дело? 


student_jdZBaT5E

3 months ago

Похожие вопросы

8 ответов





Код нужно свой показать. Полностью все файлы. Без кода невозможно сказать в чем дело.

student_BFScU1U-

3 months ago

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;
}

student_jdZBaT5E

3 months ago

Тэг <ul> не закрыт же после кода Контакты</a></li>:

<li><a href="#">Контакты</a></li>

</div>

Вам же здесь точно такой же ответ дали:

https://fructcode.com/ru/qa/ne-mogu-najti-osibku-ne-polucilos-kak-bylo-pokazano-v-video-urok-34-html-tpazrs/

 

Виталий Клемчук

3 months ago

Я исправил , но ничего не изменилось , как было так и осталось , может быть ошибка в чем-то другом ?

student_jdZBaT5E

3 months ago

Я понял в чем проблема , по какой- то причине тег <link> нормально не работает , поэтому я решил все написать в одном файле , и все сработало так как было показано в видео , вопрос есть ли смысл возиться с тегом link , для переброса на style.css когда он не работает , если все можно написать в  одном файле? 

student_jdZBaT5E

3 months ago

Выносить в отдельный css файл стили - это хорошо. Все в одном файле писать - это плохо, потому-что стили будут распространяться на несколько страниц и постоянно дублировать одни и те же стили - это очень плохо.

Проверяйте, что путь к css корректный:

<link rel="stylesheet" href="assets/css/style.css">

Проверить корректность пути к style.css можно так:

В Google Chrome нажать на ctr+u (или правой кнопкой мыши по открытой странице "Показать исходный код") и в открывшемся коде нужно нажать на style.css и если style.css не открывается, тогда можно попробовать поставить слеш перед assets.

Если путь правильный, тогда можно нажать на ctr+f5 для того, чтобы сбросить кэш страницы.

student_CSyAOvpM

3 months ago

Я все сделал как вы сказали , но не могу перейти на другую страницу , хоть со слешем , хоть бес слеша, выводить только одно

Файл не найден
Возможно, он был перемещен или удален.

ERR_FILE_NOT_FOUND

Что мне делать , чтобы перерейти на style.css?Путь я правильно указал , все сделал , как было в видео , все равно по какой- то неведымой причине не переходит на этот файл , в чем проблема , не могу понять?

student_jdZBaT5E

3 months ago

Это делали?

В Google Chrome нажать на ctr+u (или правой кнопкой мыши по открытой странице "Показать исходный код") и в открывшемся коде нужно нажать на style.css и если style.css не открывается, тогда можно попробовать поставить слеш перед assets.

Если путь правильный, тогда можно нажать на ctr+f5 для того, чтобы сбросить кэш страницы.

Какое расположение папок? Такое?

Kinomonster

    index.html

    assets

        css

            style.css

Если да, в другом браузере попробуйте открыть.

student_Y7yoWdC7

3 months ago

Ваш ответ