Сообщений в теме: 2

[Blagtrade]

Добрый день! Подскажите, пожалуйста, как выровнять картинки (чтобы они не плясали) в меню подразделов. Размеры картинок у меня одинаковые, вероятно дело в длине наименования (скрипт сам сдвигает картинку в зависимости от длины заголовка), меня устроил бы вариант: для всех заголовков устанавливается длинна в 3-строчки, выравнивание по нижнему краю, то что не входит в 3 строчки скрывается.    Второй вопрос:  как разместить под левым меню (место указано стрелкой) дополнительное поле: "Материалы для скачивания", в котором расположить ссылки на документы (документы будут загружены мною на сайт), которые можно скачать с сайта (Прайсы, Печатные каталоги, а также иконки приложений, которыми эти документы (Прайсы/Каталоги) можно открыть иконка Acrobat, иконка MS Excel. Заранее спасибо.

[Castiel]

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>
	<!-- /Блок ссылок для скачивания -->

[Blagtrade]

Большое спасибо. Все получилось