Новости Joomla

Что нового в joomla 5.1?

Что нового в joomla 5.1?

16 апреля 2024 года вышли релизы Joomla 5.1 и Joomla 4.4.4. Если Joomla 4.x уже находится в режиме поддержки и получает только "заплатки", то в каждом выпуске Joomla 5.x появляется что-то новое. Краткий список был опубликован в недавней новости. Давайте посмотрим подробнее на то что же именно появилось в Joomla 5.1.

Добавление полей Joomla в результаты Умного Поиска при помощи JFilters

Страница результатов Умного Поиска позволяет нам отображать некоторые поля (изображение, категорию, дату и т. д.), но не пользовательские поля. Поскольку поля Joomla предоставляют очень гибкий способ добавления дополнительных свойств к нашему контенту, их отображение в результатах поиска может сделать результаты более значимыми.

Вышел JoomShopping 5.4.0

Один из популярных компонентов интернет-магазина для Joomla за недавнее время получил 3 релиза: 5.3.4, 5.3.5, 5.4.0.

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 26348 Просмотров
*

din245

  • Новичок
  • 4
  • 0 / 0
Как прижать изображение к низу блока div ?
« : 05.02.2014, 00:55:17 »
Здравствуйте, друзья!

Подскажите, пожалуйста, как прижать картинку внутри блока div к низу.

Вот пример и код который сейчас есть:

картинку вставить не получилась, но смысл такой - изображение должно быть прижато к нижнему border,
сейчас оно поднято к верху и снизу получается отступ. Margin-top устанавливать нельзя, так-как предполагается, что изображения
могут быть разные по высоте.


Код
<div class="product">
    <div class="product1">	
  	<img src="images/design.jpg" alt="" />
    </div>
</div>


product{
	border: 1px solid #C5E2F3;
	width:306px;
	height:306px;
	padding-bottom:0px;
}

.product1{
	border: 8px solid #DFEDF5;
	width:290px;
	height:290px;
	text-align:center;
	padding-bottom:0px;
	margin-bottom:0px;
}


.product1 img{
	position:relative;
	margin-bottom:-10px;
}
Записан
*

din245

  • Новичок
  • 4
  • 0 / 0
Re: Как прижать изображение к низу блока div ?
« Ответ #1 : 05.02.2014, 01:16:34 »
Прошу прощения, я поторопился с вопросом. Этот код всё-таки работает :)
Записан
*

din245

  • Новичок
  • 4
  • 0 / 0
Re: Как прижать изображение к низу блока div ?
« Ответ #2 : 05.02.2014, 01:21:38 »
Вернее нужно убрать margin оставив только bottom

Код
.product1 img{
	position:relative;
	bottom:-10px;
}

вместо

Код
.product1 img{
	position:relative;
	margin-bottom:-10px;
}
Записан
*

din245

  • Новичок
  • 4
  • 0 / 0
Re: Как прижать изображение к низу блока div ?
« Ответ #3 : 05.02.2014, 01:33:17 »
и ещё нужно задать постоянную высоту изображения
Код
.product1 img{
	position:relative;
	bottom:-20px;
	width:auto;
	height:270px;	
}

при этом можно и отступ с верху делать вместо bottom :)

Код
.product1 img{
	position:relative;
	top:20px;
	width:auto;
	height:270px;	
}
Записан
*

Stasweb

  • Завсегдатай
  • 1492
  • 24 / 0
Re: Как прижать изображение к низу блока div ?
« Ответ #4 : 10.02.2015, 07:19:33 »
та же проблема нужно в категориях прижать картинки к низу блока
_http://calc-book.lik-material.kz/index.php/ru/tipografiya-poligrafiya-v-astane.html?categorylayout=0_
пробовал ваш вариант но он не подошел
Код
	position:relative;
	top:20px;
	width:auto;
	height:auto;

скажите как можно это сделать
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Как прижать изображение к низу блока div ?
« Ответ #5 : 10.02.2015, 09:12:03 »
Код: css
.category-view .category a {
	position:relative;
	height:200px;
}
.category-view .category a img {
	position:absolute;
	bottom:0;
}
Записан
*

Stasweb

  • Завсегдатай
  • 1492
  • 24 / 0
Re: Как прижать изображение к низу блока div ?
« Ответ #6 : 10.02.2015, 09:19:17 »
нет так летит все
вот весь код который отвечает за это
Код
.category-view .row .category .spacer { margin:0;padding:5px;}
.category-view .row .category .spacer h2{ border: solid 2px #fff;
border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px;  border-bottom-left-radius: 8px;
display: block; height: 255px; width:170px;}
.category-view .row .category .spacer h2 a
{font-weight: normal; font-size:13px; display:block; text-align:center; background-color:; margin: 15px 5px 10px 5px; }
.category-view .row .category .spacer h2 a img{
/*max-width:100%; height:auto; margin-bottom:; margin-left:; margin-right:; margin-top:15px; */
position:relative; top:30px; bottom:0px; width:auto;height:auto;}
Записан
*

aspidy

  • Завсегдатай
  • 1008
  • 55 / 1
  • Миграция joomla 1.0-1.5-2.5
Re: Как прижать изображение к низу блока div ?
« Ответ #7 : 10.02.2015, 09:27:37 »
Меняйте здесь:
.category-view .row .category .spacer {
    margin: 0px;
    padding: 5px;
}
Записан
Мелкий ремонт. skype poisk-plus
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

В новом шаблоне не адаптируется изображение

Автор Ebelous

 Ответов: 4
Просмотров: 616 		Последний ответ 13.02.2024, 17:01:12
от Vastriet
Прижать вниз Flex элемент

Автор Forgiving

 Ответов: 3
Просмотров: 2341 		Последний ответ 11.05.2020, 17:49:18
от beliyadm
Дублирование блока при переключение на английский модулем GTranslate

Автор kostey

 Ответов: 1
Просмотров: 973 		Последний ответ 07.12.2018, 14:18:17
от kostey
Высота блока с иконками

Автор dmtn

 Ответов: 10
Просмотров: 1347 		Последний ответ 03.02.2018, 19:54:11
от dmtn
Увеличение изображение при наведении курсора в тизер выводе

Автор Crackyn

 Ответов: 20
Просмотров: 7201 		Последний ответ 26.11.2017, 17:28:43
от stendapuss