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

Новости Joomla

Как тестировать 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

Вышел релиз Revo PageBuilder Toolkit for YOOtheme Pro 1.6

Вышел релиз Revo PageBuilder Toolkit for YOOtheme Pro 1.6.2PageBuilder Toolkit - это специализированный плагин для конструктора страниц Yootheme Pro, содержит набор различных утилит для ускорения процесса работы и отладки макета, множественные улучшения в интерфейсе, включая поддержку dark mode, подсказки, быстрая смена разрешения в окне просмотра и много чего еще.v.1.6.2 Что нового?- Индикатор статусов: теперь не просто показывает состояние запросов, но и делает автоматические попытки их отправки при кратковременных сбоях в сети, а если это не помогло, то переводит конструктор в ручной режим, что позволяет сохранит макет и настройки темы прежде чем вы потеряете все, что было сделано с момента последнего сохранения- Подсветка ошибок в макете: плагин анализирует код страницы и может автоматически подсвечивать data атрибуты с кучей мусора, которые попадают в код страницы при копипасте из Figma в TinyMCE (пригодится для старых макетов, в текущей работе плагин сам очищает код мусора). Также есть подсветка семантических ошибок сборки - дубли h1 тега на странице и вложенных друг в друга заголовков.- Улучшена поддержка будущего релиза Yootheme Pro 5 и редактора CodeMirror 6Плагин для русскоязычных пользователей доступен в каталоге расширений SovMart и распространяется за символическую плату (100р). Разработчики Joomla расширений и партнеры автора могут получить плагин бесплатно.Для работы плагина необходим конструктор страниц Yootheme Pro.Разработчик плагина - участник нашего сообщества Александр Судьбинов (@alexrevo), член официальной группы поддержки Yootheme Pro. Страница расширения Описание на сайте автора @joomlafeed#joomla #yootheme

Большое обновление: Content Cart 4.0

Большое обновление: Content Cart 4.0

Большое обновление: Content Cart 4.0.0 от JoomLine!

Мы выпустили самую масштабную версию нашего плагина "Корзина товаров Content Cart" для Joomla.

1 Вниз

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

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

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