Форум русской поддержки Joomla!® CMS
10.12.2016, 12:58:23 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Вставка картинки фоном в определенное место

 (Прочитано 238 раз)
0 Пользователей и 1 Гость смотрят эту тему.
lDeSIGNeRl
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 12


« : 03.12.2015, 08:52:03 »

Здравствуйте. Подскажите, как вставить картинку, чтобы она была фоном только в одном  месте. как указано на скриншоте, Joomla 3.
sosh17.eduusolie.ru
Записан
kik84
Живу я здесь
******

Репутация: +59/-4
Offline Offline

Сообщений: 1307



« Ответ #1 : 03.12.2015, 15:21:29 »

Навскидку, можно так:
1 создать в материале <div id="fon"></div>
2 в стилях указать путь к изображению, дать position:absolute и выставить в нужное место
Записан
lDeSIGNeRl
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 12


« Ответ #2 : 03.12.2015, 16:19:57 »

Навскидку, можно так:
1 создать в материале <div id="fon"></div>
2 в стилях указать путь к изображению, дать position:absolute и выставить в нужное место
Прописал в файле Index.php <div id="fon"></div>

CSS добавил:
fon {    position: absolute;
   background: url("../images/267.png") no-repeat center transparent;}

И ничего
« Последнее редактирование: 03.12.2015, 16:24:51 от lDeSIGNeRl » Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #3 : 03.12.2015, 16:31:36 »

прописали position: absolute; а позицию и размеры нет. Щас он у вас нулевого размера.
Записан
lDeSIGNeRl
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 12


« Ответ #4 : 03.12.2015, 16:46:12 »

прописали position: absolute; а позицию и размеры нет. Щас он у вас нулевого размера.

Например, если дописать в css:
fon {
    position: absolute;
        right: 15px;
     left: 15px;
     top: 15px;
   background: url("../images/267.png") no-repeat center transparent;}
То должна появиться картинка?

И всё равно ничего
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #5 : 03.12.2015, 16:49:59 »

Я говорю, размеры пропишите. Размер у вас равен нулю, т.к. контента в блоке нет. Плюс, right и left взаимоисключающие правила в данном контексте.
Записан
kik84
Живу я здесь
******

Репутация: +59/-4
Offline Offline

Сообщений: 1307



« Ответ #6 : 03.12.2015, 16:51:47 »

right: 15px;
left: 15px;
или первое или второе

Да и я бы в материал ставил, а, например, item-page обернуть в positon: relative

А почему таки косяки с закрывающимся body?
Код:
</body>
</html>
</div>

</div>
<!-- |end| phoca-header -->
     
<div id="fon"></div>
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet