16 Задание - Группировка полей формы. Не могу разобраться по первому вопросу,где необходимо "поместить всё содержимое формы внутрь тега fieldset ". Интересует что именно нужно поместить в этот тег, подскажите пожалуйста.
Всё, что есть внутри <form></form>
, то есть
<label>Название города</label>
<input type="search" name="search" value="Осло, Норвегия">
<div class="one-third-width">
<label>Число</label>
<input type="number" min="1" max="31" name="day" value="17">
</div>
<div class="two-third-width">
<label>Месяц</label>
<input type="month" name="month" value="2014-09">
</div>
<div class="half-width">
<label>Количество дней</label>
1 <input type="range" min="1" max="14" step="1" name="dayscount" value="14"> 14
</div>
<div class="half-width output-area">
<output name="dayscountval">14</output>
</div>
<div class="buttons">
<input type="submit" value="Забронировать">
</div>
Спасибо
5/28 формы и HTML
<div class="buttons">
<button type="submit">Войти<img src="/assets/course74/enter-light.png">
</button>
</div>
.buttons {
margin-top: 10px;
text-align: center;
использовали .buttons, а не div, потому что это обычно контейнеров больше и лучше сразу писать правильно?
почему без div кнопка не выравнивается по центру?
Cовсем не пониманию вопрос, перефразируйте.
в стилях можно вместо .buttons написать div и выравнивание по центру работает. почему использовали именно .buttons?
второй вопрос: если в html не использовать div, то выравнивание по центру перестаёт работать. почему?
это вопросы не в рамках выполнения задания, а чтобы разобраться как конструкция работает в целом
Но это же не единственный div на странице может быть. И не в каждом из них нужно выравнивание именно по центру.
А здесь у меня к вам вопрос: в какое правило вы пишете text-align в том случае, если не используете div.buttons?
я пока неделю в этой теме) я никакое правило не пишу, потому что не знаю ничего. просто пытаюсь понять, почему записано так, а не иначе
Если в html не находится элемента подходящего под селектор в правиле css, то правило не срабатывает.
получается,
text-align: center;
нельзя прописать в
input[type=“submit”]
<form action="/echo" method="post">
<label for="name">Имя</label>
<input type="text" id="name" name="name" value="Кексик">
<label for="address">Адрес доставки</label>
<textarea id="address" name="address" rows="2"></textarea>
<div class="buttons">
<input type="submit" value="Заказать">
</div>
</form>
input[type=“submit”] {
display: inline-block;
width: auto;
margin: 0 5px;
padding: 6px 15px;
color: #ffffff;
background: #2c3e50;
border: none;
border-radius: 5px;
}
.buttons {
margin-top: 10px;
text-align: center;
}
Text-align в данном случае будет выравнивать текст на кнопке. А для выравнивания самой кнопки нужно прописать text-align родителю элемента, в примере это div.buttons.
спасибо