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

  • 6 Ответов
  • 359 Просмотров

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

*

lDeSIGNeRl

  • Захожу иногда
  • **
  • 12
  • 0
Здравствуйте. Подскажите, как вставить картинку, чтобы она была фоном только в одном  месте. как указано на скриншоте, Joomla 3.
sosh17.eduusolie.ru

*

kik84

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

*

lDeSIGNeRl

  • Захожу иногда
  • **
  • 12
  • 0
Навскидку, можно так:
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, 17:24:51 от lDeSIGNeRl »

*

Shustry

  • Moderator
  • *****
  • 6426
  • 733
  • Рисую дизайны
прописали position: absolute; а позицию и размеры нет. Щас он у вас нулевого размера.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

lDeSIGNeRl

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

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

И всё равно ничего

*

Shustry

  • Moderator
  • *****
  • 6426
  • 733
  • Рисую дизайны
Я говорю, размеры пропишите. Размер у вас равен нулю, т.к. контента в блоке нет. Плюс, right и left взаимоисключающие правила в данном контексте.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

kik84

  • Живу я здесь
  • ******
  • 1267
  • 59
right: 15px;
left: 15px;
или первое или второе

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

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

</div>
<!-- |end| phoca-header -->
     
<div id="fon"></div>