1
1

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

Несколько раз перепроверил уроки, но ошибки не нашёл.

Урок 8.4  Текст "прилипает" к картинке.

Урок 8.5  Отзывы написаны обычным текстом, не выделяются цветом, нет отступа между строчками.

               Не выделяется форма подписки (просто квадрат и всё).

Я не понял, как тут у вас делаются и посылаются скриншоты, поэтому печатаю нарезку show.html и 

style.css:

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

<span class="value">Кристофер Нован</span>
</div>

<hr>
<h2>О чём фильм Интерстеллар?</h2>
<div class="descriptions_film">
<img src="assets/img/inter.png">Когда засуха приводит человечество<br> к продовольственному кризису, коллектив<br> исследователей предположительно соединяет<br> области пространства - времени, путешествуя<br> за пределами нашей галактики и преодолевая<br> большие расстояния, чтобы узнать есть ли у<br> человечества будущее среди звезд и возможность переселения человечества на другую планету.

</div>

<hr>

<h2>Отзывы об Интерстеллар</h2>

<div class="reviews="> <div class="review_name">
Сергей
</div>

<div class="review_text">
Отличный фильм, 3 часа пролетели незаметно.

</div>

<div class="reviews="> <div class="review_name">
Дмитрий
</div>

<div class="review_text">
После фильма Начало, я с не терпением ждал еще работ <br>
от Кристофера Нолана. Интерстеллар меня впечатлил.

</div>

<div class="send">
<form method="post" action="#" id="review">
<imput type="text" name="review_name" placeholder="Ваше имя"></imput>
<textarea name="review_text"></textarea>
<imput type="submit" value="отправить"></imput>
</form>

</div>
</div>
</div>

<div class="footer">

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

.info_film_page .value{
font-size: 1em;
color: #49945a;
margin-right: 3%;
}

.description_film{
margin-bottom: 15%;
}

.description_film img{
float: left;
margin-right 2%:
border-radius: 5px;
border: solid; 5px #dad7d5;
}

.reviews{
margin-bottom: 4%;
font-size: 0.9em;
}

.reviews .review_name{
background-color: #7268ad;
color: white;
padding: 1%;
border-top-left-radius: 5px:
border-top-right-radius: 5px;
}

.reviews .review_text{
padding-top: 2%;
padding-bottom: 2%
padding-left: 2%;
}

.send{
margin-bottom: 4%;
}

.send input[type="text"], textarea{
border: solid 1px #c3c3c3;
margin-bottom: 2%;
}

.send input[type="text"]{
width: 98%;
}

.send textarea{
width: 624px;
height: 200px;
}

.send input[type="submit"]{
background-color: #7268ad;
padding: 3%;
color: white;
border-radius: 5px;
}


.footer{
width: 100%
height: 100px;
padding: 28px 0 5px 0;
text-align: center;
background-color: darkslateblue;
color: #a8aa94;
margin-left: 0px;
margin-right: 0px;
min-width: 900px;
}

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


Иван Зюкин
2 years ago






Названия классов поправить нужно

<div class="descriptions_film"> - нужно description_film - как в CSS

<div class="reviews="> - здесь нужно reviews без знака "=" и эти 2 блока отзывов (reviews) не закрыты </div> - после текста отзывов должно быть 2 закрывающих тега </div>

и тег в форме <imput - нужно исправить на <input

student_8vsRa_2i
2 years ago

Спасибо! Всё поправил. Единственно, текст "прилипает" к картинке. 

Иван Зюкин
2 years ago

за стили картинки отвечает код

.description_film img{
float: left;
margin-right 2%: - здесь току с запятой нужно вместо :

student_8vsRa_2i
2 years ago

3 ответов