Перейти к содержанию
Форум поддержки пользователей VamShop

Выравнивание контента в product_listing_columns


Рекомендуемые сообщения

Как лучше выровнять контент здесь - http://models-hobby.com/index.php?cat=2&filter_id=2 , что бы картинки на одном уровне, названия, краткое описание и кнопка?

Ссылка на сообщение
Поделиться на другие сайты

TABLE.product-listing TD.productNameCell

{

vertical-align: top;

height: 80px;

}

И будет Вам счастье..

ну это элементарная верстка.

ссылка

US Army M4 carbine with rail interface system Knight's Armament Company KAC Rail Interface System without RAS Picatinny Rail Cover

всегда ж у Вас имеет разную высоту

Ссылка на сообщение
Поделиться на другие сайты

не сработало, там где контента мало - http://models/index.php?cat=2 большие пробелы, где много http://models/index.php?cat=2&filter_id=2 выравнивания нет.

Ссылка на сообщение
Поделиться на другие сайты

для начала выровняйте по вертикали все ячейки таблицы

td.cell0, td.cell1, td.cell2 { vertical-align: top; }

Ссылка на сообщение
Поделиться на другие сайты

Ну сами же адаптируете монстровские шаблоны. должны были заметить с какого времени табличные шаблоны практически пропали.

Ссылка на сообщение
Поделиться на другие сайты

Ну сами же адаптируете монстровские шаблоны. должны были заметить с какого времени табличные шаблоны практически пропали.

Не согласен.

Под каждый вид товаров подойдет свое.

Если железо какое для компьютера то и список подойдет, а если одежда или еще что у чего есть "лицо" то таблички

Ссылка на сообщение
Поделиться на другие сайты

ок. тут согласия и не требуется.

просто заказчики всегда идут на шаг впереди.поэтому нужно подстраиваться.

а некоторые до сих пор предпочитают ездить на антиквариате и имеют на это право)

и никто этого права у них не отнимет

Ссылка на сообщение
Поделиться на другие сайты
  • 2 weeks later...
  • 1 year later...

их там тьма-тьмущая. более 3-х тыщ. точно дело может быть в этом? никак нельзя кнопу подсунуть влево?

....

Поигрался с рисунками, да, таки помогло. спасибо.

Ссылка на сообщение
Поделиться на другие сайты

http://www.lamurr.com.ua/index.php?cat=174

А тут как получаются такие пробелы? Рисунки по высоте выровнял. И как увеличить горизонтальный интервал между товарами?

Ссылка на сообщение
Поделиться на другие сайты

ищите в /templates/vamshop/stylesheet.css
height: auto;
там есть комментарии на русском языке и поменяйте например на

height: 200px;

Ссылка на сообщение
Поделиться на другие сайты
  • 3 months later...

Делаем сейчас новый шаблон и как раз решили js кодом небольшим исправить эту проблему раз и навсегда, потому как средствами только html+css эту проблему решить невозможно, учитывая, что шаблон "резиновый" и количество колонок может быть разным.

 

Небольшой код на jQuery решает эту проблему.

 

У кого есть проблема с разной высотой колонок, вот возьмите этот файлик /templates/шаблон/javascript/general.js.php

 

Этот код будет в следующей версии, просто решил выложить сейчас.

general.js.php

Ссылка на сообщение
Поделиться на другие сайты

Делаем сейчас новый шаблон и как раз решили js кодом небольшим исправить эту проблему раз и навсегда, потому как средствами только html+css эту проблему решить невозможно, учитывая, что шаблон "резиновый" и количество колонок может быть разным.

 

Небольшой код на jQuery решает эту проблему.

 

У кого есть проблема с разной высотой колонок, вот возьмите этот файлик /templates/шаблон/javascript/general.js.php

 

Этот код будет в следующей версии, просто решил выложить сейчас.

 

не проще счетчик в шаблоне листинга сделать и после, например, 4 товаров в линии впихнуть <div class="clear"></div> :huh:? 

 

Js - это круто, но их и так уже перебор на сайте, браузеры тормозить начинают и т.д

Да еще и PageSpeed падает из за скриптов хорошенько

Ссылка на сообщение
Поделиться на другие сайты

Не проще, количество колонок может быть разное в зависимости от настроек пользовтеля, разрешения экрана.

 

Да и определить количества товара в ряду средствами html,css всё равно невозможно.

 

Да и не всегда валидный будет html-код, если вставлять div после каждого ряда.

 

Например если товар списком ul li ... /li /ul, то никаких div'ов между элемента списка не должно быть.

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...