Курс HTML. Урок 4.3 Почему не меняется картинка (цвет, размеры, шрифт)?

1

1

Здравствуйте!

Я всё сделал, перепроверил, но цвет и размеры не изменились после добавления CSS в соответствии с уроком 4.3 Курса по HTML/CSS

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="description" content="Favorite kino - это портал моих любимых фильмов">
<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="/">Favorite kino</a></h1>
<h2>Favorite kino - это портал моих любимых фильмов</h2> </div>
</div>
</div>
</div>
</body>
</html>

--------------------------------------------------------------------------------------------------------------------------

.style.css

.header{
background-color: darkslateblue;
height: 177 px;
font-size: 0.8 em;
margin-left: 0 px;
margin-right: 0 px;
min-width: 900 px;
}
.main, .logo, .menubar, .site_content/ .footer {
margin-left: auto;
margin-right: auto;
}
.logo{
width: 880 px;
padding-bottom: 40 px;
}

---------------------------------------------------------------------------------------------------------------------------------

Favorite kino
Favorite kino - это портал моих любимых фильмов

C уважением Иван Зюкин! zjukin@gmail.com

РС. Почему здесь нельзя прикладывать скриншоты?

HTMK/CSS Урок 4.3 код работа с кодом

Иван Зюкин

2 years ago

Здравствуйте!

Изменение assest на assets помогло, можно продолжать дальше. Спасибо!
С уважением Иван Зюкин!

Иван Зюкин

2 years ago

Здавствуйте!

Размер чего именно не изменяется?

По поводу скриншотов - можете сохранять их здесь, там простой интерфейс и вы точно сможете загрузить туда скриншот.

И, для вставки кода используйте кнопку {;}.

Когда вы вставляете код не HTML, вам нужно поменять Language HTML/XML на другой, какой нужно.

И, возможно вам стоит исправить опечатку (/) в .site_content/, то есть заменить эту строчку

.main, .logo, .menubar, .site_content/ .footer {

на эту:

.main, .logo, .menubar, .site_content, .footer {

И убрать пробелы между значением и единицей измерения, например, так неправильно: margin: 240 px;, а правильно margin: 240px;. То есть, чтобы работал код, надо, чтобы у вас было вот так:

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

С уважением, Пётр Колосов.

Пётр Колосов

2 years ago

Здравствуйте!

Я всё поменял с отступлениями, но ничего не изменилось.

"Размер чего именно не изменяется?"

Favorite kino
Favorite kino - это портал моих любимых фильмов

Не меняется цвет картинки, и рамка, а верхняя фраза окрасилась в синий цвет, т.е. всё остаётся, как и до создания и наполнения файла " .style.css " Для проверки я нажимаю на файл index.html, который находится в созданной ранее папке "Favorite kino", расположенной на рабочем столе ноутбука. В этой же папке находится и папка "assest", в которой расположены папки "img" и "css". В папке "css" находится файл "style" в виде страницы, оформленной в блокноте. Это я его переустановил из его первоначального состояния в виде картинки, т.к. не происходило изменений. Но это не помогло.

Скриншот не вставляется. "Находясь на главной странице нашего сервиса, нажать Ctrl +V." , т.к. я не знаю, где находится главная страница вашего сервиса

"И, для вставки кода используйте кнопку {;}."

Код я всавлял строго исходя Вашему уроку, поэтому я не понял в чём заключается использование этой кнопки. Если можно, объясните, пожалуйста!

"Когда вы вставляете код не HTML, вам нужно поменять Language HTML/XML на другой, какой нужно."

Мне вообще не понятна эта фраза. Я ведь всё делаю как в уроке, поэтому не понял что куда вставляется и на что я должен менять Language HTML/XML

В остальном я всё поменял. Как делать проверку: открытием index.html через браузер с папки на рабочем столе? Я открывал его разными браузерами - итог один: не срабатывает .style.css

Извините, если я что-то не так объясняю, это от технической малограмотности, Вы уж простите старика, но я пытаюсь всё же овладеть этими знаниями, т.к. без них мои сайты не работают, да и мне начинает нравиться программирование.

Вы уж извините и потерпите! Спасибо и жду ответа!

С уважением Иван Зюкин!

Иван Зюкин

2 years ago

У вас файл со стилями называется .style.css?

Если да, то поправьте название на style.css, и можете скопировать этот код и вставить его себе:

В index.html замените свой код этим:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <meta name="description" content="Favorite kino - это портал моих любимых фильмов">
        <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="/">Favorite kino</a></h1>
                        <h2>Favorite kino - это портал моих любимых фильмов</h2>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>

А в style.css замените свой код этим:

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

Пётр Колосов

2 years ago

Всё изменил, проверил - результата нет.

Может мне всё удалить и заново создать?

Иван Зюкин

2 years ago

60% ошибок возникают именно из-за путей.

Проверьте внимательно названия файлов и папок. И, если у вас есть папка с названием assest, переименуйте её в assets.

А если и это не поможет, пересоздайте всё заново.

Мне нравится вам помогать, не стесняйтесь спрашивать, если что-то не получится. Я вам с удовольствием помогу.

Пётр Колосов

2 years ago

Здравствуйте!

Это опять я!

Дошел до Урока 4.9 Интерактивное упражнение.

У меня вопрос: Почему ответ :

<body>

<h1><a href="https://google.com">БЛОК</a><h1>

</body>

не является верным? Почему такое нагромождение знаков при замене <div> на <a>:

<body>

<h1>Тег ссылка</h1>
<div class="container">
<a href="https://google.com" class="block">
БЛОК
</a>
</div>

</body>

С уважением Иван Зюкин!

Иван Зюкин

2 years ago

Во-первых. Если нет классов, то выглядит некрасиво.

Во-вторых. Там нужно изменить всего-лишь это

        <div class="block">
            БЛОК
        </div>

на вот это

        <a href="https://google.com" class="block">
            БЛОК
        </a>

И ещё небольшая заметка, заменить нужно только <div> с классом .block на ссылку a.

Пётр Колосов

2 years ago

8 ответов