0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 479 Просмотров
*

Jomler

  • Осваиваюсь на форуме
  • 45
  • 0 / 0
(Header)
« : 17.12.2019, 15:54:04 »
Народ есть картинка в  хедере:
Код
.logoheader {
bottom #1C1A3E;
}

Код
.logoheader {
   
}

Подскажите пожалуйста как сделать, чтобы когда уменьшаешь окно то она становилась адаптивной.

Читал тут форум, пробовал img {
      display: block;
      height: auto;
      max-width: 100%;
    }

« Последнее редактирование: 20.12.2019, 15:34:30 от Jomler »
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: (Header)
« Ответ #1 : 17.12.2019, 16:46:11 »
Код
.logoheader {
bottom #0C1A3E;
color: #FFFFFF;
min-height: 250px;
background: url(../images/personal/pic.png) no-repeat right;
background-size: cover; /* or contain*/
}
*

Jomler

  • Осваиваюсь на форуме
  • 45
  • 0 / 0
Re: (Header)
« Ответ #2 : 17.12.2019, 17:28:50 »
Спасибо за ответ, чуточку помогло но картинка уходит влево за экран.

*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: (Header)
« Ответ #3 : 17.12.2019, 17:47:24 »
Не бывает адаптивных картинок, бывает адаптивная верстка.
Покажите ваш сайт в сети (на тестовом хосте) и тогда будет шанс получить точный ответ.
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

header, модули (gantry)

Автор Jomler

Ответов: 0
Просмотров: 566
Последний ответ 17.11.2019, 03:41:29
от Jomler