Не корректно работают стили формы.
Дублировал код с урока (отправка комментариев), некоректно отображается форма на странице, сам откорректировать не смог.
Все уроки выполняются в visual studio (веб приложения asp)
show.html:
... <div class="send">
<form method="post" action="#" id="review">
<input type="text" name="review_name" placeholder="Ваше имя">
<textarea name="review_text"></textarea>
<input type="submit" value="Отправить">
</form>
</div>...
Style.css:
...
.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;
}
.send_contact input[type="text"] {
width: 500px;
}
.send_contact textarea {
width: 516px;
}...
contscnts.html:
...<div class="content">
<h1>Контакты</h1>
Отправьте ваш отзыв о портале КиноМонстр
<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>...
Вот, что получается:
форма ввода имени и email, съезжает на форму поиска и входа и выходит нестандартной высоты.
Не могу прикрепить скриншот.
Сам пытался откорректировать стили, не реагирует(