Новости Joomla

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla.В новой версии добавлена поддержка вставки VK клипов

Компонент "Жимолость" v.1.2.0 (ex

Компонент "Жимолость" v.1.2.0 (ex. Спам-оборона для Joomla) Бесплатный компонент работает под Joomla и позволяет защищать формы сайта от атак спам ботов.👩‍💻 v.1.2.0. Что нового?Компонент полностью поддерживает работу с Joomla 6 без необходимости использования плагина совместимости. При этом поддержка Joomla 4 прекратилась, поскольку уже к Joomla 5 отличия между четвертой и пятой версиями были заметны. Компонент бесплатный. Существует версия для Joomla 3. Разработчик - участник нашего сообщества Владимир Егоров (@sitogon)Страница расширения#joomla #расширения

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

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 »
Добавить все это в конце этого файла? :o
Записан
*

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
Просмотров: 1143 		Последний ответ 25.03.2018, 02:45:33
от vova630
Стиль для всплывающего названия картинки- как?

Автор epson950

 Ответов: 3
Просмотров: 1586 		Последний ответ 03.11.2016, 01:04:05
от AlekVolsk
При уменьшении окна браузера блоки наезжают друг на друга

Автор vaymohk

 Ответов: 0
Просмотров: 1929 		Последний ответ 06.08.2016, 11:39:55
от vaymohk
CSS Hover для картинки

Автор vitalid

 Ответов: 19
Просмотров: 1714 		Последний ответ 20.06.2016, 15:13:34
от vipiusss
Позиционирование картинки от края до края

Автор BestorWeb

 Ответов: 5
Просмотров: 1765 		Последний ответ 09.03.2016, 15:12:12
от Shustry