Добрый день! Подскажите, пожалуйста, как выровнять картинки (чтобы они не плясали) в меню подразделов. Размеры картинок у меня одинаковые, вероятно дело в длине наименования (скрипт сам сдвигает картинку в зависимости от длины заголовка), меня устроил бы вариант: для всех заголовков устанавливается длинна в 3-строчки, выравнивание по нижнему краю, то что не входит в 3 строчки скрывается. Второй вопрос: как разместить под левым меню (место указано стрелкой) дополнительное поле: "Материалы для скачивания", в котором расположить ссылки на документы (документы будут загружены мною на сайт), которые можно скачать с сайта (Прайсы, Печатные каталоги, а также иконки приложений, которыми эти документы (Прайсы/Каталоги) можно открыть иконка Acrobat, иконка MS Excel. Заранее спасибо.
0
Выровнять Картинки В Меню Подкаталогов, Добавить Ссылки Под Меню Слева
Автор Blagtrade, 11 марта 2014 04:17
Сообщений в теме: 2
#1
Отправлено 11 Март 2014 - 04:17
#2
Отправлено 11 Март 2014 - 08:06
Blagtrade (11 Март 2014 - 04:17) писал:
Значки в меню подразделов каталога + место для ссылок.jpgДобрый день! Подскажите, пожалуйста, как выровнять картинки (чтобы они не плясали) в меню подразделов. Размеры картинок у меня одинаковые, вероятно дело в длине наименования (скрипт сам сдвигает картинку в зависимости от длины заголовка), меня устроил бы вариант: для всех заголовков устанавливается длинна в 3-строчки, выравнивание по нижнему краю, то что не входит в 3 строчки скрывается. Второй вопрос: как разместить под левым меню (место указано стрелкой) дополнительное поле: "Материалы для скачивания", в котором расположить ссылки на документы (документы будут загружены мною на сайт), которые можно скачать с сайта (Прайсы, Печатные каталоги, а также иконки приложений, которыми эти документы (Прайсы/Каталоги) можно открыть иконка Acrobat, иконка MS Excel. Заранее спасибо.
Здравствуйте
Выводим название в 3 строки и выравниваем всю категорию
Редактируем main.css
Находим
.categoriesListImg { min-height: 132px; margin-top: 6%; }Заменяем на
.categoriesListImg { min-height: 163px; margin-top: 6%; }
Добавляем
.h50 {height:50px;overflow:hidden;}
2. Редактируем шаблон HTML
Вставляем данный код перед <!-- Последние товары, просмотренные пользователем -->
<!-- Блок ссылок для скачивания --> <div class="block history"> <div class="title green fmlptn fnt18 over"><a href="#" class="arrow-toggle">Материалы для<span> Скачивания</span></a></div> <div class="main fntarl txtalgncnt fnt11 "> <div class="recently clr over "> <ul class="recentlyText fright txtalgnlft valign over" > <li><a href="#ссылка" class="aunder" style="color:black" title="#описание_при_наведение">#название_документа</a></li> <li><a href="#ссылка" class="aunder" style="color:black" title="#описание_при_наведение">#название_документа</a></li> <li><a href="#ссылка" class="aunder" style="color:black" title="#описание_при_наведение">#название_документа</a></li> </ul> </div> </div> <div class="bottom"></div> </div> <!-- /Блок ссылок для скачивания -->
#3
Отправлено 14 Март 2014 - 09:31
Большое спасибо. Все получилось
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных