0
0

Делала все как показано, но блок для отправки отзывов отображается внизу, а не вверху,( сейчас начала делать страницу films и та же история, все внизу оказывается), помогите пожалуйста, прилагаю код из из файла contact и style.css:

<div class="content">

<h1>Контакты</h1>
<p>Отправьте Ваш отзыв о портале КиноМонстр</p>

<div class="send_send_contact">
<form method="post" action="#" id="contact">
<input type="text" name="review_name" placeholder="Ваше имя">
<input type="text" name="review_email" placeholder="Ваш email">
<textarea name="review_text"></textarea>
<input class="btn" type="submit" value="отправить">
</form>
</div>

</div>


.send_send_contact input[type="text"] {
width: 500px;
}

.send_contact textarea {
width: 516px;
}

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

.send_contact input[type="text"] {
width: 500px;
}

.send_contact textarea {
width: 516px;
}
.content, .send_send_contact{
text-align: left;
width: 650px;
padding: 0 0 0 5px;
float: left;
}


Диана Хребтова
3 years ago






По моему у тебя тут большая путанница с классами .send, .send_contact, .send_send_contact

В html прописан только один из них третий, а первые 2 в html не используются. Проверь внимательно все по уроку и разберись с кодом.

По-моему этот третий класс .send_send_contact - это на самом деле должно быть 2 класса .send .send_contact

Плюс для сверки можешь скачать исходный код к уроку (должен быть под уроком)

Олег
3 years ago

Один ответ