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


Каталог Товаров

нужна помощь специалистов

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

#1 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 29 Апрель 2013 - 22:06

Сайт http://tutdweri.ru
При просмотре товаров в таблице все нормально.
В списке ерунда, товары наезжают друг на друга.
Подскажите в чем дело?
sc.png
sc1.png

#2 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 30 Апрель 2013 - 00:54

Добавьте в ваш файл стилей main.css

.listing .imagem {
   overflow: hidden;
}


#3 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 30 Апрель 2013 - 06:22

Просмотр сообщенияСake (30 Апрель 2013 - 00:54) писал:

Добавьте в ваш файл стилей main.css

.listing .imagem {
overflow: hidden;
}

Не помогло. sc3.png

#4 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 30 Апрель 2013 - 06:29

Не понятен ваш ответ, если смотреть первый и второй ваш скриншот, то видно что изображения больше вы выходят за рамки, и товары не налегают друг на друга. Возможно вы имеете в виду что-то другое? Пожалуйста, опишите подробнее.

#5 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 30 Апрель 2013 - 06:52

Просмотр сообщенияСake (30 Апрель 2013 - 06:29) писал:

Не понятен ваш ответ, если смотреть первый и второй ваш скриншот, то видно что изображения больше вы выходят за рамки, и товары не налегают друг на друга. Возможно вы имеете в виду что-то другое? Пожалуйста, опишите подробнее.

Дело в том, что во втором варианте товар просто обрезается рамкой. Видимо нужно что-то изменить в ней.

#6 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 30 Апрель 2013 - 08:10

Просмотр сообщенияcronid (30 Апрель 2013 - 06:52) писал:

Дело в том, что во втором варианте товар просто обрезается рамкой. Видимо нужно что-то изменить в ней.

Откройте пожалуйста возможность правого клика на вашем сайте
Как я понимаю вам нужно в отображении Списком длину рамки у изображений товаров сделать длиннее?

#7 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 30 Апрель 2013 - 22:02

Просмотр сообщенияmiyako (30 Апрель 2013 - 08:10) писал:

Откройте пожалуйста возможность правого клика на вашем сайте
Как я понимаю вам нужно в отображении Списком длину рамки у изображений товаров сделать длиннее?

Видимо да, но как это сделать?

#8 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 01 Май 2013 - 01:13

Добавьте в ваш файл стилей main.css

.listing .imagem {
   overflow: hidden;
   border: none !important;
}
.listing {
   border: 1px solid #D6D6D6;
}


#9 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 01 Май 2013 - 08:11

Я ту немного помудрил, вот что получилось:

.listing .imagem {  position: relative;
  display: inline;
  float: left;
  width: 150px;
  height: 230px;
  overflow: hidden;
  margin-right: 10px;
  border: 2px solid #E5E5E5 !important; border-radius: 9px 9px 9px 9px;
  text-align: center;
  background: #FFF;
  padding: 1px;}

Рисунок10.jpg

подскажите:
1. как отцентровать картинку в рамке?
2. что необходимо изменить чтобы при наведении курсора на изображение рамка меняла цвет.

Всех с праздником!

#10 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 01 Май 2013 - 12:19

Просмотр сообщенияcronid (01 Май 2013 - 08:11) писал:

Я ту немного помудрил, вот что получилось:

.listing .imagem {  position: relative;
  display: inline;
  float: left;
  width: 150px;
  height: 230px;
  overflow: hidden;
  margin-right: 10px;
  border: 2px solid #E5E5E5 !important; border-radius: 9px 9px 9px 9px;
  text-align: center;
  background: #FFF;
  padding: 1px;}

Прикрепленный файл Рисунок10.jpg

подскажите:
1. как отцентровать картинку в рамке?
2. что необходимо изменить чтобы при наведении курсора на изображение рамка меняла цвет.

Всех с праздником!
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.listing .imagem:hover {
	border: 2px solid #FF9494 !important;
}
#FF9494 - цвет текста.

#11 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 01 Май 2013 - 16:41

Просмотр сообщенияKoderhan (01 Май 2013 - 12:19) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.listing .imagem:hover {
border: 2px solid #FF9494 !important;
}
#FF9494 - цвет текста.

Спасибо. Получилось.




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

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