0
0

В отзывах слишком длинная рамка, а кнопка отправить находиться не на своем месте, при навдении на нее курсор не меняется на руку.

<hr>
<h2>Отызвы</h2>
<div class="reviews">

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

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

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

<div class="review_text">
Фильм очень понравился. Всегда буду помнить потрясение от просмотра Интерстеллар.

</div>

</div>

<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>

</div>

</div>

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

.reviews .review_name {
background-color: darkslateblue;
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;
}


Юрий Кравченко
4 years ago






Еще нет ответов