Помощь Резиновая форма входа

[Constantine_K]

да влюс меню тоже уползает вниз!

Ну, блин, там просто очень мало места, чтобы все в одну строку влезло на экране 1024
Можно уменьшить эти поля до таких размеров как на скрине (можно прописать свойство только для экранов менее 1024 пкс.)

Спойлер

[/spoil]

Апд: Хотя оптимальней всего наверное такое отображение сделать (скриншот ниже) для маленьких мониторов
[spoil]

 

[grebovich]

Ну, блин, там просто очень мало места, чтобы все в одну строку влезло на экране 1024
Можно уменьшить.....
Хотя оптимальней всего наверное такое отображение сделать (скриншот ниже) для маленьких мониторов

Я к етому и стремлюсь,но как прописать правила для разных дисплеев,я так и хочу чтоб при разных разширениях сжималось и розширялось окно ввода електронного адреса и пароля!

 

[grebovich]

Апд: Хотя оптимальней всего наверное такое отображение сделать (скриншот ниже) для маленьких мониторов

Спойлер

Да этот вариант мне понравился! но как правила прописать! В CSS я бум-бум.

 

[Constantine_K]

Я к етому и стремлюсь,но как прописать правила для разных дисплеев,я так и хочу чтоб при разных разширениях сжималось и розширялось окно ввода електронного адреса и пароля!

Тогда нужно юзать такую замечательную фичу как @media

@media (max-width: 1024px){
  input {
    width: 30%;
  }
}

Это свойство будет отображаться на экранах шириной не более 1024 пкс.

Про адаптивный дизайн можно почитать Для просмотра ссылки Войди или Зарегистрируйся

 

[grebovich]

Тогда нужно юзать такую замечательную фичу как @media

@media (max-width: 1024px){
  input {
    width: 30%;
  }
}

Это свойство будет отображаться на экранах шириной не более 1024 пкс.

Про адаптивный дизайн можно почитать Для просмотра ссылки Войди или Зарегистрируйся

Спасибо,на сегодня наверное с меня хватит информации,а то голова уже деревянная!
А с завтрашного дня приступип к изучению CSS ..
Спасибо всем вам за помощь!