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

stendapuss

  • Живу я здесь
  • 829
  • 19
Как правильно прописать @media. для экрана 1280px ?
прописал @media (min-width:1200px) and (max-width:1280px){div {width: 900px !important;}
Все нормально, только картинка уходит в сторону. Не вся отображается.
Посмотреть:
http://www.эвакуатор-миасс.рф/%D1%8D%D0%B2%D0%B0%D0%BA%D1%83%D0%B0%D1%82%D0%BE%D1%80-%D0%BA%D0%B0%D1%80%D0%B0%D0%B1%D0%B0%D1%88
Картинку положил для примера, там в обще нет картинок.
Картинка стоит по средствам Parallax.
http://www.mmleoni.net/parallax-background-scroller-for-joomla
Спасибо.
*

vipiusss

  • Профи
  • 5649
  • 324
  • Круглая ава-зло!
Re: Как правильно прописать @media?
« Ответ #1 : 15.04.2017, 18:15:25 »
прописал @media (min-width:1200px) and (max-width:1280px){div {width: 900px !important;}

Нет в конце закрывающей фигурной скобки.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

stendapuss

  • Живу я здесь
  • 829
  • 19
Re: Как правильно прописать @media?
« Ответ #2 : 15.04.2017, 19:24:22 »
Нет в конце закрывающей фигурной скобки.
Это я здесь не написал код
Код
@media (min-width:1200px) and (max-width:1280px){div {width: 900px !important;}
}
@media (min-width:1360px) and (max-width:1366px){div {width: 900px !important;}
}
Не в этом дело, все нормально отображается, только картинка не хочет. Сползает.
*

Taatshi

  • Support Team
  • 4803
  • 453
  • Верстаем и немножко кодим. Обращайтесь ;)
Re: Как правильно прописать @media?
« Ответ #3 : 15.04.2017, 19:29:18 »
Дело тут совсем не в media. У Вас картинка с позиционированием absolute, left:0; вот она к левому краю экрана и прижимается. Задайте блоку-обертке position: relative
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3  /  ОТЗЫВЫ 
Минимальная ставка за платные услуги 1000 рэ Связь: telegram - Taatshi, почта - Taatshi на яндексе.
*

stendapuss

  • Живу я здесь
  • 829
  • 19
Re: Как правильно прописать @media?
« Ответ #4 : 15.04.2017, 20:37:11 »
Прописал:
Код
.custom-new4 {margin: 0px 0px -410px 0px;position: relative !important;}
Не хочет по центру вставать. Уходит в право на разрешение 1280px.
Может @media margin для этого расширения прописать надо. Пробовал, только ошибка где то наверно.
Пишу
Код
@media (min-width:1200px) and (max-width:1280px){div {width: 900px !important;margin: 0px 0px 0px -20px}
Уходит весь модуль в сторону. А надо картинка чтоб была меньше и в лево ушла.


Надо чтоб картинка в  Parallax. сдвигалась в лево и размер картинки меньше был. А на этом разрешение 1280px изменяется размер картинки .
« Последнее редактирование: 15.04.2017, 21:57:35 от stendapuss »
*

almika

  • Давно я тут
  • 269
  • 22
Re: Как правильно прописать @media?
« Ответ #5 : 17.04.2017, 14:04:30 »
Для выравнивая картинки по центру требуется margin: 0 auto;
Будет так:
Код
div {
width: 900px !important;
margin: 0 auto;
}
*

stendapuss

  • Живу я здесь
  • 829
  • 19
Re: Как правильно прописать @media?
« Ответ #6 : 17.04.2017, 15:18:34 »
Для выравнивая картинки по центру требуется margin: 0 auto;
Будет так:
Код
div {
width: 900px !important;
margin: 0 auto;
}
Не работает, прописал
Код
 		
@media (min-width:1200px) and (max-width:1280px){div {
width: 900px !important;
margin: 0 auto;

}
}
@media (min-width:1360px) and (max-width:1366px){div {
width: 900px !important;
margin: 0 auto;
}}
Это убрал
Код
.custom-new4 {margin: 0px 0px -410px 0px;position: relative !important;}
Надо для картинки писать, Не знаю как. Все остальные картинки нормально. Только картинка в Parallax. уезжает.
*

almika

  • Давно я тут
  • 269
  • 22
Re: Как правильно прописать @media?
« Ответ #7 : 17.04.2017, 15:54:07 »
Закомментируйте или уберите вот так:
Код
.mmlParallaxWrap {
background-color: #EEE;
/* left: 0; */
/* position: absolute; */
width: 100%;
z-index: 1;
}
*

stendapuss

  • Живу я здесь
  • 829
  • 19
Re: Как правильно прописать @media?
« Ответ #8 : 17.04.2017, 19:26:15 »
Сделал, в модуле прописал как писали. Лучше стало. Меньше уходит в сторону, но все равно уходит и изображение увеличивается. Там по ссылке шаблон повело немного. Это потом сделаю. Сейчас изображение надо сделать чтоб не менялось. Может в @media прописать надо ?
Спасибо.
*

Serg_

  • Осваиваюсь на форуме
  • 175
  • 23
  • Skype: smile_bot (Запорожье)
Re: Как правильно прописать @media?
« Ответ #9 : 17.04.2017, 21:15:21 »
Возможно не изображение уходит в сторону, а просто красно-желтая кнопка "У нас самые дешёвые эвакуаторы. Звоните!" имеет свой padding и она получается шире чем 900 точек, поэтому кажется что картинка ушла влево.
Попробуйте добавить
@media (min-width:1200px) and (max-width:1280px){
 .button3 {padding:12px 0;}
}
*

stendapuss

  • Живу я здесь
  • 829
  • 19
Re: Как правильно прописать @media?
« Ответ #10 : 17.04.2017, 21:20:06 »
Я на другом сайте пробовал.  Завтра проверю. Спасибо.
« Последнее редактирование: 18.04.2017, 11:52:25 от stendapuss »
*

stendapuss

  • Живу я здесь
  • 829
  • 19
Re: Как правильно прописать @media?
« Ответ #11 : 18.04.2017, 19:24:05 »
Прописал и в модуле и в scc
Код
.mmlParallaxWrap {
background-color: #EEE;
/* left: 0; */
/* position: absolute; */
width: 100%;
z-index: 1;
в scc добавил
Код
@media (min-width:1200px) and (max-width:1280px){
 .button3 {padding:12px 0;}
}
Не работает, вчера в scc бала ошибка, сегодня исправил. Не работает с картинкой не в какую.
Вчера @media (min-width:1200px) and (max-width:1280px) не работало, была скобка лишняя.
*

Serg_

  • Осваиваюсь на форуме
  • 175
  • 23
  • Skype: smile_bot (Запорожье)
Re: Как правильно прописать @media?
« Ответ #12 : 18.04.2017, 21:49:51 »
Вот как сейчас выглядит сайт на Chrome http://prntscr.com/exz3rs
Ширина изображения 900 точек.
Всё как и хотели.
*

stendapuss

  • Живу я здесь
  • 829
  • 19
Re: Как правильно прописать @media?
« Ответ #13 : 19.04.2017, 06:26:56 »
Вот как сейчас выглядит сайт на Chrome http://prntscr.com/exz3rs
Ширина изображения 900 точек.
Всё как и хотели.
Ширина и работала. Машина легковая видите на разрешение 1280 уходит в сторону. Ее половину видно. Сейчас текст напишу на картинке чтоб видно было хорошо, что уходит. На вашем фото половина легковой видно. Одна рожа. Пол машины нет. Не влезла.
*

almika

  • Давно я тут
  • 269
  • 22
Re: Как правильно прописать @media?
« Ответ #14 : 19.04.2017, 07:04:09 »
Так вы хотите?
*

stendapuss

  • Живу я здесь
  • 829
  • 19
Re: Как правильно прописать @media?
« Ответ #15 : 19.04.2017, 07:36:47 »
Так вы хотите?
Почти так, но все равно зад у легковой не влез полностью. Надо, чтоб как  на мониторе допустим 1024-768 так же и на мониторе 1280 -800. А сейчас получается на 1024 нормально а на 1280 увеличивается изображение и машину легковую зад и далее за ней не видно.
Так же открываю на 320-568 и другие. Все изображение не входит. Хотя другие изображения нормально. Только Parallax. мозг парит. Для него надо прописать, что то.
Вот так надо, у меня на 1024 так. Так же и на 1280 надо чтоб было.
https://yadi.sk/i/5zE2oOFI3H7rUd
« Последнее редактирование: 19.04.2017, 08:00:11 от stendapuss »
*

stendapuss

  • Живу я здесь
  • 829
  • 19
Re: Как правильно прописать @media?
« Ответ #16 : 19.04.2017, 07:48:29 »
Залил другую картинку, сделал с текстом. Видно лучше, что уходит.
Переложил в низ страницы, чтоб глаза не мозолила.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

@media screen - не всегда работает

Автор darkghost

Ответов: 6
Просмотров: 242
Последний ответ 01.06.2017, 12:08:11
от dmitry_stas
VT media шаблон в слайдере в IE прогрессбар съезжает вниз

Автор wishlight

Ответов: 0
Просмотров: 354
Последний ответ 26.04.2017, 19:26:53
от wishlight
Как правильно прописать :before чтобы он работал?

Автор tao2en

Ответов: 7
Просмотров: 528
Последний ответ 14.03.2017, 15:37:38
от tao2en
@media - не желает работать

Автор darkghost

Ответов: 2
Просмотров: 239
Последний ответ 05.10.2016, 15:03:52
от darkghost
Как вывести стили @media только для морды?

Автор Zegeberg

Ответов: 9
Просмотров: 576
Последний ответ 11.08.2016, 13:34:53
от yandex_hb