0
2

Я сама сделала страницу Контакты

file:///C:/Users/HP/Desktop/%D0%9A%D0%B8%D0%BD%D0%BE%D0%9C%D0%BE%D0%BD%D1%81%D1%82%D1%80/contacts.html

Получилось красиво, но пробелов между инпутами ваше имя, ваш емейл и текстареа нету, и сделать не могу, помогите

Что нужно дописать?

Индекс

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

<div class="contacts">

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


</div>


</div>

Стили

.contacts {
margin-bottom: 4%;
}

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

.contacts input[type="text"] {
width: 90%;
}

.contacts textarea {
width: 574px;
height: 200px;
}

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


Наталья Афанасьева
4 years ago






пропишите margin для нужных блоков, например

margin-bottom: 2%;

для блока .contacts input[type="text"] {...

и для .contacts textarea {...

сейчас у вас margin прописан в этом блоке .contacts input[type="text"] textarea {...

но тут видимо не работает, так как сам блок записан некорректно, тут наверное должно быть так

.contacts input[type="text"], .contacts textarea {...

student_Mz8pkGnC
4 years ago

Вы просто скопируйте див с классом сенд из show.html добавьте инпут для емэил и все. Все стили для этого класса уже прописаны. А если хотите отдельный класс сделать, то то же самое что и для show.html класса сенд

Денис Куренков
4 years ago

2 ответов