• Есть вот такая страница

     <body>
       <div class="main">
        <div class="logo-alter"><img src="http://alter.academy/wp-content/uploads/2024/04/logo-alter-1.png" alt="logo"></div>
     
        <h1>ALTER</h1><br>
     
        <h2>академия политических наук<h2><br>
        <div class="registration-cssave">
          <form>
            <div class="form-group">
              <input class="form-control item" type="text" name="username" maxlength="15" minlength="4" pattern="^[a-zA-Z0-9_.-]*$" id="username" placeholder="Логин" required>
            </div>
            <div class="form-group">
              <input class="form-control item" type="password" name="Пароль" minlength="6" id="password" placeholder="Пароль" required>
            </div>
            <div class="form-group">
              <button class="btn btn-primary btn-block create-account" type="submit">Вход в аккаунт</button>
            </div>
          </form>
      </div>
    </div>
    </body>
    </html>

    Центральная часть фона — закрытая двухстворчатая дверь с порогом внизу. Вне сайта все нормально. Вся картинка включая порог видна. А на страницу сайта как вы фону «высоты не хватает» — приходится отпускать вниз блоки с формой. Получается не красиво.

    как это поправить, как навести красоту?

    • Тема изменена 1 месяц, 1 неделя назад пользователем intman1958.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Если не знаете как правильно встроить html , то лучше делать все средствами визуального конструктора. Зашел на страницу и увидел в исходнике что вообще форма в тег h2 обернуто. Это не нормально.

    Если вам надо порог показать, прибейте фон порогом книзу. Но тут надо чётко понимать изменение пропорции на разных экранах, масштабирование фона при этом

    прибейте фон порогом книзу

    Как это понимать?

    Фиксируйте ффон нижним краем к нижнему краю окна браузера, это грубо выражаясь… Возможно понадобится ещё контейнер для масштабирования, центрирования фона по горизонтали

Просмотр 4 ответов — с 1 по 4 (всего 4)