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

Новости Joomla

NorrCompetition 3.0 — новые возможности компонента конкурсов и голосований для Joomla 6

Релиз NorrCompetition 3.0 — крупное обновление расширения для проведения конкурсов и голосований в Joomla.

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

Релиз безопасности Joomla 6.1.1 и Joomla 5.4.6

Проект Joomla! рад сообщить о выходе Joomla 6.1.1 и Joomla 5.4.6. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

В открытый доступ выложен видео-курс Дмитрия Гончарова по созданию интернет-магазина на связке Joomla + JoomShopping. Видеоуроки содержат пошаговые инструкции от регистрации хостинга до особенностей вёрстки, настройки способов оплаты и доставки.

В видео фигурирует JoomShopping 4 и Joomla 3, однако JoomShopping довольно консервативный компонент и многие способы и подходы в нём не менялись годами, поэтому данные видео могут быть по прежнему полезны.

Смотреть видео-курс

@joomlafeed

1 Вниз

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

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

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 Просмотров: 1381	25.03.2018, 02:45:33 от vova630
Стиль для всплывающего названия картинки- как? Автор epson950	Ответов: 3 Просмотров: 1835	03.11.2016, 01:04:05 от AlekVolsk
При уменьшении окна браузера блоки наезжают друг на друга Автор vaymohk	Ответов: 0 Просмотров: 2117	06.08.2016, 11:39:55 от vaymohk
CSS Hover для картинки Автор vitalid	Ответов: 19 Просмотров: 1990	20.06.2016, 15:13:34 от vipiusss
Позиционирование картинки от края до края Автор BestorWeb	Ответов: 5 Просмотров: 1942	09.03.2016, 15:12:12 от Shustry