Новости Joomla

Joomla 6 нуждается в вашей помощи с тестированием.Вышел недавно релиз Joomla 6 alpha1

Joomla 6 нуждается в вашей помощи с тестированием.Вышел недавно релиз Joomla 6 alpha1

👩‍💻 Joomla 6 нуждается в вашей помощи с тестированием.Вышел недавно релиз Joomla 6 alpha1. Это релиз, в который включены уже проверенные изменения, но ещё очень многие исправления и улучшения ждут своей очереди. Joomla следит за качеством и безопасностью своего кода и каждое изменение должно быть успешно протестировано как минимум ещё двумя участниками сообщества. Разработка Joomla ведётся на платформе GitHub.Филипп Уолтон (Philip Walton) - один из разработчиков, кто активно вносит свой вклад в ядро Joomla. Он уже несколько месяцев посвящает свои послеполуденные часы пятницы работе с Joomla и предлагает присоединиться к нему. 📆 Пятница, 30 мая 2025, с 15:00 до 17:00 по UTC (Лондон) - с 18:00 до 20:00 по Москве.В чате Google Meet Филипп готов помочь с тестированием тем, кто будет делать это в первый раз. А так же он подготовил список лёгких Pull Request, которые можно протестировать довольно быстро. Чем больше тестов будет проведено сейчас, тем меньше ошибок вылезет потом. На данный момент 148 (уже 147 на момент написания заметки) PR на GitHub Joomla ждут тестирования.👩‍💻 Open to all. All together.Также вам поможет сделать первые шаги это видео.GitHub JoomlaДа, это вечер пятницы. Но тестирование занимает порой минут 15, а доброе дело сделано. Просто убедитесь, что разработчик чего-то не пропустил и всё работает как ожидается.#joomla #joomla6 #community

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

mebeleko

  • Осваиваюсь на форуме
  • 41
  • 2 / 0
Здравствуйте!

Хотел бы поставить две картинки рядом, используя CSS. Буквально это выглядит так:

[контейнер двух картинок] Картинка 1 слева [отступ в 100 px] Картинка 2

Обе картинки находятся на одной линии.

Как можно проще всего добиться такого результата? Я сделал следующим образом:

Код
#container
{
width: 900px;
margin: 0 auto;
}

#pictureone, #picturetwo
{
width: 200px;
height: 200px;
background-repeat: no-repeat;
}

#pictureone
{
background-image: url('pictureone.png');
}

#picturetwo
{
background-image: url('picturetwo.png');
margin-left: 300px;
margin-top: -240px;
}

Код файла php:

Код
<div id="container">

<div id="blockone"></div>
<div id="blocktwo"></div>

</div>

Можно было как-то еще проще это сделать без отрицательной margin-top? Спасибо.
*

poizon

  • Захожу иногда
  • 495
  • 187 / 1
  • Buu
Re: Две картинки рядом с помощью CSS
« Ответ #1 : 23.07.2009, 11:51:52 »
Код
<div id="la_la">
 <img ...>
 <img ...>
</div>
<div class="clear"></div>

Код
.clear { clear:both; }
#la_la img { float:left; margin:0px 100px 0px 0px; }
*

Helios

  • Захожу иногда
  • 421
  • 31 / 1
  • Аэтошозадеталь?
Re: Две картинки рядом с помощью CSS
« Ответ #2 : 23.07.2009, 11:53:11 »
Код
#blockone {
float: left;
margin-right: 100px;
}
/* Have a nice day! */
*

mebeleko

  • Осваиваюсь на форуме
  • 41
  • 2 / 0
Re: Две картинки рядом с помощью CSS
« Ответ #3 : 23.07.2009, 12:12:39 »
Код
<div id="la_la">
 <img ...>
 <img ...>
</div>
<div class="clear"></div>

Код
.clear { clear:both; }
#la_la img { float:left; margin:0px 100px 0px 0px; }


Это сразу отменяется, потому что в таком случае картинку можно будет тоскать по всему окну браузера.
« Последнее редактирование: 23.07.2009, 12:31:56 от mebeleko »
*

mebeleko

  • Осваиваюсь на форуме
  • 41
  • 2 / 0
Re: Две картинки рядом с помощью CSS
« Ответ #4 : 23.07.2009, 12:31:47 »
Код
#blockone {
float: left;
margin-right: 100px;
}

Вторая картинка тогда вниз смещается :(
*

poizon

  • Захожу иногда
  • 495
  • 187 / 1
  • Buu
Re: Две картинки рядом с помощью CSS
« Ответ #5 : 23.07.2009, 12:38:56 »
Цитировать
Это сразу отменяется, потому что в таком случае картинку можно будет тоскать по всему окну браузера.
чего? чем таскать?

Они обе прибьются к левой границе их родительского элемента и между ними будет 100 пикселей промежутка. По тому что я вижу в Вашем коде будет абсолютно аналогично. clear же служит для обнуления наследования плаванья блоков после картинок.

А вообще я не телепат и без картинки угадать желаемое позиционирование блока с картинками (не самих картинок, так как приведенные мной стили делают именно то, что Вы хотели) на странице просто не могу.
*

poizon

  • Захожу иногда
  • 495
  • 187 / 1
  • Buu
*

Antosha

  • Захожу иногда
  • 420
  • 52 / 0
  • Плохо спорить плохо
Re: Две картинки рядом с помощью CSS
« Ответ #7 : 23.07.2009, 14:53:42 »
 ;D Злой poizon  ;D

2 mebeleko
Делайте, как Вам говорит poizon
<a href="http://joomlablog.ru/">JoomlaBlog</a>
*

poizon

  • Захожу иногда
  • 495
  • 187 / 1
  • Buu
Re: Две картинки рядом с помощью CSS
« Ответ #8 : 23.07.2009, 16:08:30 »
Antohsa, не я добрый. Вон даже пример сделал - не поленился  ;)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает transition для определенных элементов

Автор Bozhkov2

Ответов: 5
Просмотров: 3844
Последний ответ 12.10.2016, 17:07:41
от Bozhkov2
Как сделать такой заголовок модуля?

Автор Ilhom666

Ответов: 9
Просмотров: 1666
Последний ответ 22.03.2016, 11:55:33
от darkghost
Выставить относительно фона пункты меню ?

Автор warlocksp

Ответов: 6
Просмотров: 1293
Последний ответ 01.02.2016, 10:58:26
от warlocksp
Вставка шрифта?

Автор warlocksp

Ответов: 16
Просмотров: 1579
Последний ответ 18.01.2016, 19:04:11
от warlocksp
Удалить маркеры?

Автор warlocksp

Ответов: 4
Просмотров: 2005
Последний ответ 09.01.2016, 17:07:35
от warlocksp