0
Сообщений в теме: 10
#1
Отправлено 29 Апрель 2013 - 22:06
Сайт http://tutdweri.ru
При просмотре товаров в таблице все нормально.
В списке ерунда, товары наезжают друг на друга.
Подскажите в чем дело?
При просмотре товаров в таблице все нормально.
В списке ерунда, товары наезжают друг на друга.
Подскажите в чем дело?
#2
Отправлено 30 Апрель 2013 - 00:54
Добавьте в ваш файл стилей main.css
.listing .imagem { overflow: hidden; }
#4
Отправлено 30 Апрель 2013 - 06:29
Не понятен ваш ответ, если смотреть первый и второй ваш скриншот, то видно что изображения больше вы выходят за рамки, и товары не налегают друг на друга. Возможно вы имеете в виду что-то другое? Пожалуйста, опишите подробнее.
#5
Отправлено 30 Апрель 2013 - 06:52
Сake (30 Апрель 2013 - 06:29) писал:
Не понятен ваш ответ, если смотреть первый и второй ваш скриншот, то видно что изображения больше вы выходят за рамки, и товары не налегают друг на друга. Возможно вы имеете в виду что-то другое? Пожалуйста, опишите подробнее.
Дело в том, что во втором варианте товар просто обрезается рамкой. Видимо нужно что-то изменить в ней.
#6
Отправлено 30 Апрель 2013 - 08:10
cronid (30 Апрель 2013 - 06:52) писал:
Дело в том, что во втором варианте товар просто обрезается рамкой. Видимо нужно что-то изменить в ней.
Откройте пожалуйста возможность правого клика на вашем сайте
Как я понимаю вам нужно в отображении Списком длину рамки у изображений товаров сделать длиннее?
#8
Отправлено 01 Май 2013 - 01:13
Добавьте в ваш файл стилей main.css
.listing .imagem { overflow: hidden; border: none !important; } .listing { border: 1px solid #D6D6D6; }
#9
Отправлено 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;}
подскажите:
1. как отцентровать картинку в рамке?
2. что необходимо изменить чтобы при наведении курсора на изображение рамка меняла цвет.
Всех с праздником!
.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;}
подскажите:
1. как отцентровать картинку в рамке?
2. что необходимо изменить чтобы при наведении курсора на изображение рамка меняла цвет.
Всех с праздником!
#10
Отправлено 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. что необходимо изменить чтобы при наведении курсора на изображение рамка меняла цвет.
Всех с праздником!
.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
Отправлено 01 Май 2013 - 16:41
Koderhan (01 Май 2013 - 12:19) писал:
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
В файле "main.css".
Добавить в конец файла код:
.listing .imagem:hover { border: 2px solid #FF9494 !important; }#FF9494 - цвет текста.
Спасибо. Получилось.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных