Новости 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 Гость просматривают эту тему.
  • 4 Ответов
  • 6091 Просмотров
*

GTXit

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Добрый день.
Столкнулся с такой проблеммой при верстке сайта. Никак не получаеться прибить футор к полу и что бы при этом высота колонок и соответственно их фон так же автоматически растягивались до 100% высоты сайта. т.е. если контента меньше чем на одну страницу, - футер внизу, фон колонок дотягиваеться до футера; если контента больше чем на страницу, футер уходит вниз в соответствии с количеством контента, при этом высота всех колонок так же дотягивается до футера.
Что то пока не получаеться добиться вразумительного результата даже в трех основных браузерах. (ие6, опера, фаерфокс). Как нистранно лучше всего себя ведет ие6... Пробывал разнообразные хаки, но так и не получилось достичь желаемого результата.

ЗЫ. Сайт фиксированной ширины (правда шапка растянута на 100% ширины окна), трехколоночный, каждая колонка должна иметь свой цвет вне зависимости от количества контента в них и идти до самого футера, футер прибитый к полу.

Как можно такое реализовать с помошью CSS, или всё же лучше и правильние в данном случае сделать это таблицами?
*

ddr

  • Захожу иногда
  • 65
  • 12 / 1
если фиксированной ширины .... макет позволяет залить всё одной картинкой до низа (в картинке этои будут скажем отрисованны все колонки)?

вообщем надо видеть полную картину... макет покажите или сделайте наброски...
« Последнее редактирование: 17.02.2009, 17:46:37 от ddr »
*

GTXit

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Да макет фиксированной ширины (шапка резиновая) и картинкой наверное можно только не оч хотелось бы, ибо картинки могут быть отключены, и тогда текст будет плохо читаться)

Прицепил архив с примером разметки. Нужно сделать что бы фон колонок блоков: #leftcontent, #centrcontent, #rightcontent, доставал до футера.

HTML:
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<title>Прибитый внизу футор</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" href="layout.css" type="text/css" />
</head>
<body>
<div id="header"><h1>Шапка</h1></div>

<div id="content">
<div id="main">

<div class="emptyheader"></div>

<div id="leftcontent">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div> <!--dot-leftcontent -->

<div id="centrcontent">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p>
</div> <!--dot-centrcontent -->

<div id="rightcontent">
            <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p>
</div> <!--dot-centrcontent -->

<div class="clear"></div>

</div><!--dot-main -->

<div class="empty"></div>

</div>  <!--dot-content -->

<div id="footer">Футер</div>

</body>
</html>

CSS:
Код
html, body {
margin:0;
padding:0;
width:100%;
height:100%;
background: black;
}

#header {
position:absolute;
background:red;
height:100px;
width: 100%;
left: 0px;
z-index: 10;
}

.emptyheader {height:100px}

#content {
position:relative;
min-height:100%;
height:auto !important;
height:100%;
width:960px;
margin: 0px auto -70px;
text-align: justify;
background: silver;
}

#main {background: silver}

#leftcontent  {float: left;
position:relative;
width:20%;
text-align: justify;
background: blue;
}

#centrcontent  {float: left;
position:relative;
width:60%;
text-align: justify;
background: green;
}

#rightcontent {float: left;
position:relative;
width:20%;
text-align: justify;
background: aqua;
}

.clear {clear: both;}

#content p {padding:10px 0; margin: 0;}

.empty {height:70px; background: transparent}

#footer {clear: both;
position:relative;
height:70px; width:960px;
background:#646464;
margin: 0px auto;
}


h1 { margin: 0; padding:20px 0 0 }

#main p {padding:5px 10px;}




[вложение удалено Администратором]
« Последнее редактирование: 18.02.2009, 09:45:24 от GTXit »
*

ddr

  • Захожу иногда
  • 65
  • 12 / 1
Решения есть но на мой взгляд это не есть гуд
_http://blog.sjinks.org.ua/css/209-cross-browser-liquid-three-column-layout-full-height/#more-209
_http://gruzzilkin.110mb.com/three-col-layout/

но всё таки надо видеть конкретный макет (рисунок) и решать что лучше div или table

*

GTXit

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Спасибо за ссылки, пока сделал просто картинкой. Мне в целом важно что бы левое меню было определенного цвета, поскольку там используеться светлый шрифт, который при отсутствии цвета колонки будет сливатся с фоном. Вобщем отложу решение проблемы на некаторое время. Картинкой всё норм работает, а потом постараюсь докрутить до нужного результата :)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать?

Автор Twins

Ответов: 3
Просмотров: 1789
Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

Ответов: 0
Просмотров: 953
Последний ответ 22.04.2021, 22:15:06
от Evgen Kulibin
Как сделать плавающий модуль?

Автор THeCMeX

Ответов: 2
Просмотров: 1130
Последний ответ 08.03.2021, 22:21:01
от Flexderection
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

Ответов: 11
Просмотров: 1990
Последний ответ 03.11.2020, 16:57:40
от Nikolay89
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

Ответов: 8
Просмотров: 12288
Последний ответ 04.04.2020, 13:49:11
от jan_dax