наезжают картинки - Вопросы по CSS - Форум русской поддержки Joomla!

Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping. С 29 декабря 2025 года по 7 января 2026 года будет действовать скидка 26% на все заказы от $50. Предложение распространяется на весь ассортимент продукции. Подробности и полный каталог расширений доступны по ссылке: https://nevigen.com/ru #joomshopping

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Главное в новой версии:

- Исправлена загрузка файлов макетов

В предыдущем крупном релизе Astroid 3.3.6 были сделаны важные улучшения:

Основные моменты:

Улучшенный UI/UX в ключевых областях конфигурации
Повышенная стабильность и согласованность в Layout Builder и Form Builder
Исправления ошибок на основе отзывов сообщества
Улучшенная обработка визуальных эффектов, границ и шрифтов

Улучшения:

Обновленный UX Layout Builder
Улучшенный эффект предзагрузчика
Улучшенный стиль границ
Улучшенный UI/UX вкладки «Layout» в Template Options

Исправления ошибок:

Решены проблемы с некорректными динамическими значениями
Исправлен Color Transform при прокрутке
Устранены проблемы с работой Form Builder в Article Layout и Module Layout Builder
Исправлена проблема с созданием ненужных временных файлов при обработке шрифтов

Скачать: https://github.com/templaza/astroid-framework/releases/tag/v3.3.7

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTube Видео на VK Видео Видео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester @joomlafeed#joomla #php #webdev #community

1 Вниз

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

17 Ответов
4388 Просмотров

melissa2011

Захожу иногда
210
2 / 0

наезжают картинки

« : 10.04.2011, 17:36:57 »

Здравствуйте.
Выключила в шаблоне модуль в позиции баннер, картинки наехали друг на друга! Как это исправить? http://ilya-hram.ru/

Записан

Efanych

Глобальный модератор
4683
644 / 0
Меняю свою жизнь на 360°!

Re: наезжают картинки

« Ответ #1 : 10.04.2011, 19:43:55 »

В layout.css (строка 124)
Найдите margin-top:0;
И поменяйте на margin-top: 240px;
Возможно у вас написано margin:0 auto;
тогда вместо этой строчки впишите
margin-bottom: 0;
   margin-left: auto;
   margin-right: auto;
   margin-top: 240px;

Записан

Создание сайтов, шаблонов, помощь в решении проблем.

melissa2011

Захожу иногда
210
2 / 0

Re: наезжают картинки

« Ответ #2 : 10.04.2011, 19:50:27 »

Cgfcb,j/ yj yt jxtym gjyznyj ult bvtyyj^.clr{ /* BASIC CLEAR FIX*/
clear:both;
}

div.clear{ /* Special Div for Firefox for background height fix*/
clear: both;
height: 0px;
margin: 0px;
padding: 0px;
font-size: 0;
}
html {
overflow-y:scroll;
height:100%;
}

#wrapper{
position:relative;
margin:0 auto;
width:1218px;
background:url(../images/wrapper_bg.gif) no-repeat center top;
min-height:443px;
z-index:2;
}
#top{
position:relative;
margin:0 auto;
width:990px;
min-height:100px;
}
#topmenu h3{
display:none;
}
#topmenu{
position:relative;
float:right;
right:20px;
top:20px;
height:32px;
width:auto;
border-right:4px solid #ff9900;
background:url(../images/topmenu_bg.png) no-repeat left top;
}

#search{
position:relative;
float:left;
right:10px;
top:20px;
width:auto;
min-width:223px;
height:33px;
background:url(../images/search_bg.png) no-repeat left top;

}
#search .inputbox{
margin-left:10px;
border:none;
margin-top:5px;
color:#999;
width:140px;
}
#search .button{
background:#ff9900;
color:#fff;
padding:4px;
border:none;
}

#header{
position:relative;
margin:0 auto;
width:100%;
width:990px;
}
#logo{
position:relative;
float:left;
margin:20px;
margin-left:0;
z-index:1;
}
#banner{
position:relative;
float:right;
margin-top:40px;
margin-right:40px;

}

#suckerfish_outer{
position:relative;
margin:0 auto;
height:55px;
width:969px;
background:url(../images/suckerfish_outer.png) no-repeat top;

Записан

melissa2011

Захожу иногда
210
2 / 0

Re: наезжают картинки

« Ответ #3 : 10.04.2011, 19:52:09 »

Вот код, но не очень понятно где исправить

Записан

melissa2011

Захожу иногда
210
2 / 0

Re: наезжают картинки

« Ответ #4 : 10.04.2011, 20:15:42 »

О

Цитата: Efanych от 10.04.2011, 19:43:55

В layout.css (строка 124)
Найдите margin-top:0;
И поменяйте на margin-top: 240px;
Возможно у вас написано margin:0 auto;
тогда вместо этой строчки впишите
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 240px;

Помогите пожалуйстаззз...не пойму

Записан

Efanych

Глобальный модератор
4683
644 / 0
Меняю свою жизнь на 360°!

Re: наезжают картинки

« Ответ #5 : 10.04.2011, 20:19:17 »

Такое ощущение, что вы код не полностью привели. Это что всё содержание layout.css?

Записан

Создание сайтов, шаблонов, помощь в решении проблем.

melissa2011

Захожу иногда
210
2 / 0

Re: наезжают картинки

« Ответ #6 : 10.04.2011, 20:22:54 »

Нет,вот..все....clr{ /* BASIC CLEAR FIX*/
clear:both;
}

div.clear{ /* Special Div for Firefox for background height fix*/
clear: both;
height: 0px;
margin: 0px;
padding: 0px;
font-size: 0;
}
html {
overflow-y:scroll;
height:100%;
}

#wrapper{
position:relative;
margin:0 auto;
width:1218px;
background:url(../images/wrapper_bg.gif) no-repeat center top;
min-height:443px;
z-index:2;
}
#top{
position:relative;
margin:0 auto;
width:990px;
min-height:100px;
}
#topmenu h3{
display:none;
}
#topmenu{
position:relative;
float:right;
right:20px;
top:20px;
height:32px;
width:auto;
border-right:4px solid #ff9900;
background:url(../images/topmenu_bg.png) no-repeat left top;
}

#search{
position:relative;
float:left;
right:10px;
top:20px;
width:auto;
min-width:223px;
height:33px;
background:url(../images/search_bg.png) no-repeat left top;

}
#search .inputbox{
margin-left:10px;
border:none;
margin-top:5px;
color:#999;
width:140px;
}
#search .button{
background:#ff9900;
color:#fff;
padding:4px;
border:none;
}

#header{
position:relative;
margin:0 auto;
width:100%;
width:990px;
}
#logo{
position:relative;
float:left;
margin:20px;
margin-left:0;
z-index:1;
}
#banner{
position:relative;
float:right;
margin-top:240px;
margin-right:40px;

}

#suckerfish_outer{
position:relative;
margin:0 auto;
height:55px;
width:969px;
background:url(../images/suckerfish_outer.png) no-repeat top;

Записан

Efanych

Глобальный модератор
4683
644 / 0
Меняю свою жизнь на 360°!

Re: наезжают картинки

« Ответ #7 : 10.04.2011, 20:28:14 »

Попробуйте снизу дописать

Код

#suckerfish {
    height: 30px;
    left: 30px;
    position: absolute;
    top: 12px;
    z-index: 10;
}
#breadcrumb {
    height: 24px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    position: relative;
    text-align: left;
    width: 930px;
    z-index: 1;
}
#breadcrumb a {
    text-decoration: none;
}
#breadcrumb h3 {
    display: none;
}
#content {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/content_bg.png");
    background-origin: padding-box;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: auto auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 240px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: relative;
    text-align: left;
    width: 990px;
}
#left {
    float: left;
    margin-left: 30px;
    position: relative;
    width: 680px;
}
#right {
    float: right;
    margin-right: 30px;
    position: relative;
    width: 220px;
}
#inset {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
}
#inset h3 {
    display: none;
}
#inset_bg {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/inset_bg.gif");
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 20px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
    z-index: 1;
}
#bottom {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/bottom_bg.jpg");
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    min-height: 132px;
    text-align: center;
    width: 990px;
}
#footer h3 {
    display: none;
}
#footer a:link, #footer a:visited {
    color: #444444;
}
#footer {
    color: #444444;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 50px;
    position: relative;
    text-align: center;
    width: 990px;
}
.imgborder {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #333333;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: #666666;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #666666;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #666666;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #666666;
    border-top-style: solid;
    border-top-width: 1px;
    display: block;
    margin-bottom: 4px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
}
.imgpadding {
    display: block;
    padding-bottom: 6px;
    padding-right: 6px;
}

Пользуйтесь кнопочкой код

Записан

Создание сайтов, шаблонов, помощь в решении проблем.

melissa2011

Захожу иногда
210
2 / 0

Re: наезжают картинки

« Ответ #8 : 10.04.2011, 20:41:49 »

Добавить все это в конце этого файла?

Записан

Efanych

Глобальный модератор
4683
644 / 0
Меняю свою жизнь на 360°!

Re: наезжают картинки

« Ответ #9 : 10.04.2011, 20:46:43 »

Да. Это у вас же и было. Вы его как-то удалили.

Записан

Создание сайтов, шаблонов, помощь в решении проблем.

melissa2011

Захожу иногда
210
2 / 0

Re: наезжают картинки

« Ответ #10 : 10.04.2011, 20:49:14 »

Да не не было по смотрите http://ilya-hram.ru/ стало то еще хуже,правый модулт стал справа,картинка также наезжает

Записан

melissa2011

Захожу иногда
210
2 / 0

Re: наезжают картинки

« Ответ #11 : 10.04.2011, 20:51:39 »

точнее модуль теперь даж снизу

Записан

Efanych

Глобальный модератор
4683
644 / 0
Меняю свою жизнь на 360°!

Re: наезжают картинки

« Ответ #12 : 10.04.2011, 20:53:27 »

Так это от чего так стало?

Записан

Создание сайтов, шаблонов, помощь в решении проблем.

melissa2011

Захожу иногда
210
2 / 0

Re: наезжают картинки

« Ответ #13 : 10.04.2011, 20:58:19 »

Изначально был модуль (фото) в позиции баннер, а потом я его выключила и wrapper стал наезжать на контен и все.вот так

Записан

Efanych

Глобальный модератор
4683
644 / 0
Меняю свою жизнь на 360°!

Re: наезжают картинки

« Ответ #14 : 10.04.2011, 21:05:23 »

Я имею ввиду последние изменения. Я когда зашел первый раз, более-менее смотрелось, а когда вы сказали, что такой строчки как нужно у вас нет он уже окончательно развалился. Вы пробовали файл полностью собрать?

Записан

Создание сайтов, шаблонов, помощь в решении проблем.

melissa2011

Захожу иногда
210
2 / 0

Re: наезжают картинки

« Ответ #15 : 10.04.2011, 21:14:50 »

По-моему он развалился когда последний код добавила:) Все вставила модуль вернулся а вот wrapper все также наезжает

Записан

Efanych

Глобальный модератор
4683
644 / 0
Меняю свою жизнь на 360°!

Re: наезжают картинки

« Ответ #16 : 10.04.2011, 21:22:53 »

Так у вас снова есть этот код есть. Вы его восстановили?

Цитировать

В layout.css (строка 124)
Найдите margin-top:0;
И поменяйте на margin-top: 240px;
Возможно у вас написано margin:0 auto;
тогда вместо этой строчки впишите
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 240px;

Записан

Создание сайтов, шаблонов, помощь в решении проблем.

melissa2011

Захожу иногда
210
2 / 0

Re: наезжают картинки

« Ответ #17 : 10.04.2011, 21:25:44 »

Да скопировала с изначального файла шаблона все, модуль вернулся на место, но картинка так и наезжает на содержимое страницы(текст)

Записан

1 Вверх

Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться

Похожие темы

Увиличение картинки при наведении Автор vova630	Ответов: 0 Просмотров: 1162	25.03.2018, 02:45:33 от vova630
Стиль для всплывающего названия картинки- как? Автор epson950	Ответов: 3 Просмотров: 1617	03.11.2016, 01:04:05 от AlekVolsk
При уменьшении окна браузера блоки наезжают друг на друга Автор vaymohk	Ответов: 0 Просмотров: 1953	06.08.2016, 11:39:55 от vaymohk
CSS Hover для картинки Автор vitalid	Ответов: 19 Просмотров: 1735	20.06.2016, 15:13:34 от vipiusss
Позиционирование картинки от края до края Автор BestorWeb	Ответов: 5 Просмотров: 1791	09.03.2016, 15:12:12 от Shustry