Высота фона и положение блоков

  • intman1958

    (@intman1958)


    7 месяцев, 1 неделя назад

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

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

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

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

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

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

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

    (@ravilr63)

    7 месяцев, 1 неделя назад

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

    efess

    (@efess)

    7 месяцев, 1 неделя назад

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

    Автор intman1958

    (@intman1958)

    7 месяцев, 1 неделя назад

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

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

    efess

    (@efess)

    7 месяцев, 1 неделя назад

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

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Тема «Высота фона и положение блоков» закрыта для новых ответов.