Все делается в рамках одной таблицы.
delad,
<!DOCTYPE html>
<html>
<head>
<title>Центрируем кнопочку</title>
</head>
<body>
<style>
body, html {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
.parent {
display: flex;
.child{
margin: auto;
button#btn {
padding: 10px;
border: 1px solid black;
border-radius: 4px;
</style>
<div class="parent">
<div class="child">
<button id="btn">Кнопочка</button>
</div>
</body>
</html>
<li><span>Текст</span></li>
Спасибо за ваш ответ. Что можете Вы посоветовать для изучения? С чего лучше начать?
Если у вас кулинарный блог - смысла нет.
Обратите внимание, что вы указали лишь медиа метку в 768px. Все, что больше 768 не будет учитывать это правило.
Для того, чтобы изображение было всегда адаптивным достаточно прописать в css:
img {
max-width: 100%;
Лично на моем квадратном мониторе сайт не встал. Сайт у вас далеко не адаптивный.
.... $('form#myForm').submit(function(){ ....
О, милый человек. Ваш пример фурычит! Спасибо! 🚬
Спасибо, что откликнулись, но ваши варианты не работают. Может я чего упустил и не добавил в форму???
Хочу заметить, что с кодом изначально скинутый мною, форма работает как надо. Но когда прикручиваю id, то обновляет страницу.
<form id="myForm" action="my.php" method="post">
<input type="hidden" name="i" value="">
<input type="hidden" name="c" value="">
<input type="number" name="q" min="0" value="">
<button type="submit">Обновить</button>
</form>
Оуу)))Казалось бы простые вещи... :D Спасибо за помощь:)))
