Перейти к содержимому


Изображения По-Разному Отображаются В Разных Браузерах

Изображение по-разному отобра

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 31

#21 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 857 сообщений

Отправлено 04 Декабрь 2015 - 11:59

Просмотр сообщенияcustomer8765 (04 Декабрь 2015 - 11:54) писал:

Вроде не сплющены больше. Скажите, а эти 80%- это точное значение, или на глазок?

На данный момент данные значения являются точными.
Проверьте, пожалуйста.

#22 customer8765

customer8765

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 328 сообщений

Отправлено 04 Декабрь 2015 - 22:05

Проверил. В каталоге большое изображение, если оно указано главным, опять перекрывает изображение товара справа
http://narasprodage....ods_view_type=1

А если на карточке товара нажать на Увеличить изображение, все увеличенные изображения теперь сжаты
http://narasprodage....mod_id=89186745

#23 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 05 Декабрь 2015 - 00:32

Попробуйте следующее изменение, в main.css найдите:
.Firefox .products-grid .item .product-hover .product-image img {
	width: auto !important;
	display: block;
	margin: 0px auto;
}
.products-grid .item .product-hover .product-image img {
	max-width: 100%;
	display: block;
	margin: 0px auto;
}

замените на:
.products-grid .item .product-hover .product-image img {
	width: auto;
	display: block;
	margin: 0px auto;
	height: auto;
}


#24 customer8765

customer8765

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 328 сообщений

Отправлено 05 Декабрь 2015 - 13:06

Просмотр сообщенияVaccina (05 Декабрь 2015 - 00:32) писал:

Попробуйте следующее изменение, в main.css найдите:
.Firefox .products-grid .item .product-hover .product-image img {
width: auto !important;
display: block;
margin: 0px auto;
}
.products-grid .item .product-hover .product-image img {
max-width: 100%;
display: block;
margin: 0px auto;
}

замените на:
.products-grid .item .product-hover .product-image img {
width: auto;
display: block;
margin: 0px auto;
height: auto;
}

Ничего не изменилось.

#25 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 750 сообщений

Отправлено 05 Декабрь 2015 - 16:00

Просмотр сообщенияcustomer8765 (05 Декабрь 2015 - 13:06) писал:

Ничего не изменилось.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.Firefox .products-grid .item .product-hover .product-image img {
   width: auto !important;
		display: block;
		margin: 0px auto;
}

Замените на:
.Firefox .products-grid .item .product-hover .product-image img {
   width: auto !important;
		display: block;
		margin: 0px auto;
		max-width:260px;
}
.Firefox .fancybox-image {width:100% !important;}


#26 customer8765

customer8765

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 328 сообщений

Отправлено 06 Декабрь 2015 - 13:35

Просмотр сообщенияFirefly (05 Декабрь 2015 - 16:00) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.Firefox .products-grid .item .product-hover .product-image img {
width: auto !important;
	 display: block;
	 margin: 0px auto;
}

Замените на:
.Firefox .products-grid .item .product-hover .product-image img {
width: auto !important;
	 display: block;
	 margin: 0px auto;
	 max-width:260px;
}
.Firefox .fancybox-image {width:100% !important;}

Проверил, вроде бы в Firefox все корректно.
В IE проблема есть в этом месте:
http://narasprodage....Kolennye-stulya

#27 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 750 сообщений

Отправлено 06 Декабрь 2015 - 14:08

Просмотр сообщенияcustomer8765 (06 Декабрь 2015 - 13:35) писал:

Проверил, вроде бы в Firefox все корректно.
В IE проблема есть в этом месте:
http://narasprodage....Kolennye-stulya

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.IE .products-grid .item .product-hover .product-image img {
   width: auto !important;
		display: block;
		margin: 0px auto;
}

Замените на:
.IE .products-grid .item .product-hover .product-image img {
   width: auto !important;
		display: block;
		margin: 0px auto;
		max-width:260px;
}


#28 customer8765

customer8765

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 328 сообщений

Отправлено 06 Декабрь 2015 - 16:10

Просмотр сообщенияFirefly (06 Декабрь 2015 - 14:08) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.IE .products-grid .item .product-hover .product-image img {
width: auto !important;
	 display: block;
	 margin: 0px auto;
}

Замените на:
.IE .products-grid .item .product-hover .product-image img {
width: auto !important;
	 display: block;
	 margin: 0px auto;
	 max-width:260px;
}

Ничего не изменилось.
http://narasprodage....Kolennye-stulya

#29 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 750 сообщений

Отправлено 06 Декабрь 2015 - 16:21

Просмотр сообщенияcustomer8765 (06 Декабрь 2015 - 16:10) писал:

Ничего не изменилось.
http://narasprodage....Kolennye-stulya

При замене вы допустили небольшую ошибку, указав 2 точки в начале кода:
..IE .products-grid .item .product-hover .product-image img {

Удалите, пожалуйста, одну точку и проверьте работу.

#30 customer8765

customer8765

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 328 сообщений

Отправлено 06 Декабрь 2015 - 17:15

Просмотр сообщенияFirefly (06 Декабрь 2015 - 16:21) писал:

При замене вы допустили небольшую ошибку, указав 2 точки в начале кода:
..IE .products-grid .item .product-hover .product-image img {

Удалите, пожалуйста, одну точку и проверьте работу.

Да, спасибо, теперь вроде работает.
В IE еще одна проблема: на карточке товара маленькие изображения по окном отображения имеют разную высоту
http://narasprodage....mod_id=89186749

#31 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 750 сообщений

Отправлено 06 Декабрь 2015 - 19:33

Просмотр сообщенияcustomer8765 (06 Декабрь 2015 - 17:15) писал:

Да, спасибо, теперь вроде работает.
В IE еще одна проблема: на карточке товара маленькие изображения по окном отображения имеют разную высоту
http://narasprodage....mod_id=89186749

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.thumblist-box .thumblist li a img
{max-width: 100%;
		max-height: 70px;
		width: auto;
}

Замените на:
.thumblist-box .thumblist li a img {
  max-width: 100%;
  max-height: 70px;
  width: auto;
  height:70px !important;
}


#32 customer8765

customer8765

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 328 сообщений

Отправлено 07 Декабрь 2015 - 19:12

Просмотр сообщенияFirefly (06 Декабрь 2015 - 19:33) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.thumblist-box .thumblist li a img
{max-width: 100%;
	 max-height: 70px;
	 width: auto;
}

Замените на:
.thumblist-box .thumblist li a img {
max-width: 100%;
max-height: 70px;
width: auto;
height:70px !important;
}

Спасибо, вроде бы работает.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных