0
0

Дублировал код с урока (отправка комментариев), некоректно отображается форма на странице, сам откорректировать не смог.

Все уроки выполняются в 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, съезжает на форму поиска и входа и выходит нестандартной высоты.

Не могу прикрепить скриншот.

Сам пытался откорректировать стили, не реагирует(


Алексей Борисевич
4 years ago






так сложно понять, могу посоветовать скачать исходный код к уроку и проверить по нему что не так, если что-то друг на друга съезжает/наезжает - нужно в первую очередь проверить вложенность блоков <div> </div> а также названия классов чтобы были без ошибок

Valera TT
4 years ago

Один ответ