Добрый день.
1. Задать точную высоту и ширину блока товара, что бы блок не менял размеры, сделать бордюр в 1 пиксель черный, это будет нагляднее.
2. На картинке видно как отображается "короткое описание", куда то уходит и налазит...Прошу сделать так что бы высота блока под короткое имя было постоянным в 3 строки, остальное что не влазит скрыть. Выровнять вверх-влево. Шрифт сделать крупнее.
3. Тоже самое с "Названием товара".Прошу сделать так что бы высота блока под "Название товара" было постоянным в 3 строки, остальное что не влазит скрыть. Выровнять вверх-влево. Шрифт сделать крупнее.
4. Задать для картинки размеры по ширине и высоте, а саму картинку товара масштабировать до указанных размеров сохраняя пропорции и выровнять ценр-центр. Картинка не должна быть обрезанной.
На картинке я уже частично пытался сделать то что написал в задании.....но инфу собирал по кускам......сейчас хочу получить полный ответ по всем пунктам в одном месте.
0
Список Товаров Как Таблица
Автор ntK8OusY, 06 апр. 2014 07:49
В теме одно сообщение
#1
Отправлено 06 Апрель 2014 - 07:49
#2
Отправлено 08 Апрель 2014 - 07:04
ntK8OusY (06 Апрель 2014 - 07:49) писал:
Добрый день.
1. Задать точную высоту и ширину блока товара, что бы блок не менял размеры, сделать бордюр в 1 пиксель черный, это будет нагляднее.
2. На картинке видно как отображается "короткое описание", куда то уходит и налазит...Прошу сделать так что бы высота блока под короткое имя было постоянным в 3 строки, остальное что не влазит скрыть. Выровнять вверх-влево. Шрифт сделать крупнее.
Список товара как таблица.png
3. Тоже самое с "Названием товара".Прошу сделать так что бы высота блока под "Название товара" было постоянным в 3 строки, остальное что не влазит скрыть. Выровнять вверх-влево. Шрифт сделать крупнее.
4. Задать для картинки размеры по ширине и высоте, а саму картинку товара масштабировать до указанных размеров сохраняя пропорции и выровнять ценр-центр. Картинка не должна быть обрезанной.
На картинке я уже частично пытался сделать то что написал в задании.....но инфу собирал по кускам......сейчас хочу получить полный ответ по всем пунктам в одном месте.
1. Задать точную высоту и ширину блока товара, что бы блок не менял размеры, сделать бордюр в 1 пиксель черный, это будет нагляднее.
2. На картинке видно как отображается "короткое описание", куда то уходит и налазит...Прошу сделать так что бы высота блока под короткое имя было постоянным в 3 строки, остальное что не влазит скрыть. Выровнять вверх-влево. Шрифт сделать крупнее.
Список товара как таблица.png
3. Тоже самое с "Названием товара".Прошу сделать так что бы высота блока под "Название товара" было постоянным в 3 строки, остальное что не влазит скрыть. Выровнять вверх-влево. Шрифт сделать крупнее.
4. Задать для картинки размеры по ширине и высоте, а саму картинку товара масштабировать до указанных размеров сохраняя пропорции и выровнять ценр-центр. Картинка не должна быть обрезанной.
На картинке я уже частично пытался сделать то что написал в задании.....но инфу собирал по кускам......сейчас хочу получить полный ответ по всем пунктам в одном месте.
Здравствуйте,
1. Определенные размеры блока товара и граница
В файле "main.css".
Найти:
.goodstable, .related_goodstable { width: 225px; margin: 1% 0.2% 0% 0.8%; float: none; vertical-align: top; display: inline-block; clear: both; min-height: 250px; zoom: 1; }
Добавляем параметр границы border: 1px solid #000;
width: 225px; ширина блока
min-height: 250px; минимальная высота, можно изменить на определенную height: 250px;
2. Ограничение вывода короткого описания
Блок ограничивающий вывод короткого описания
В файле "main.css".
Найти:
.goodstable .maingoodstable .text { height: 30px; }
Заменить:
.goodstable .maingoodstable .text { height: 27px; }
В файле "main.css".
Найти:
.goodstable .maingoodstable .text { background: url({ASSETS_IMAGES_PATH}goods-table-text.jpg) bottom center no-repeat; color: #7f7f7f; padding: 0 1% 8% 0; line-height: 14px; overflow: hidden; display: block; }
Заменить:
.goodstable .maingoodstable .text { background: url({ASSETS_IMAGES_PATH}goods-table-text.jpg) bottom center no-repeat; color: #7f7f7f; padding: 0 1% 0% 0; line-height: 14px; overflow: hidden; display: block; }
Если Вы хотите увеличить шрифт короткого описания то добавьте параметр font-size:14px; в данный блок. При изменении размеров шрифта необходимо будет регулировать высоту блока короткого описания.
3. У вас это уже реализовано в данном блоке
.goodstable .title a { display: block; height: 50px; }
4. Уточните пожалуйста на каком товаре у вас урезанные картинки
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных