Создать ответ 
 
Рейтинг темы:
  • Голосов: 28 - Средняя оценка: 1.46
  • 1
  • 2
  • 3
  • 4
  • 5
Помогите по css как наложить одну картинку на другую с помощью css
Автор Сообщение
maximus035 Не на форуме
Member
***

Сообщений: 76
Зарегистрирован: 13-01-2010
Рейтинг: 0
Сообщение: #1
Помогите по css как наложить одну картинку на другую с помощью css
мне надо 1 картинку по горизонтали в повторении и на неё 2 без повторения!
когда накладываешь 2 то фон заполняется 2картинкой помогите!!
Код:
<html>
<head>
<title>Красноярский web портал</title>
<style>
Body
{
background-color: #f7ab5f;
background-image: url('file:///C:/Users/%D0%9C%D0%B0%D0%BA%D1%81%D0%B8%D0%BC/Desktop/1.png');
background-repeat:repeat-x
height: 170px; background-image: url('file:///C:/Users/%D0%9C%D0%B0%D0%BA%D1%81%D0%B8%D0%BC/Desktop/site/%D0%B9.png');
background-repeat:no-repeat
position: relative
}

</style>

Или по другому сказать как наложить одну картинку на другую с помощью css

4итер - это судьба, а нуб - это призвание!
05-06-2010 16:51
Найти все сообщения Цитировать это сообщение
Master Не на форуме
Junior Member
**

Сообщений: 29
Зарегистрирован: 08-07-2008
Рейтинг: 0
Сообщение: #2
RE: помогите по css как наложить одну картинку на другую с помощью css
maximus035

Код:
<html>
<head>
<title>Красноярский web портал</title>
</head>
<style>
#background
{
    position: absolute;
    background-image: url('file:///C:/Users/%D0%9C%D0%B0%D0%BA%D1%81%D0%B8%D0%BC/Desktop/1.png');
    background-repeat: repeat-x;
    width:100%;
    height: 500px;
    left: 0;
    top: 0;
}
.logo
{
    position: absolute;
    background-image: url('file:///C:/Users/%D0%9C%D0%B0%D0%BA%D1%81%D0%B8%D0%BC/Desktop/site/%D0%B9.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 301px;
    height: 168px;
    left: 362px;
    top: 15px;
}
</style>
<body>
<div id="background"></div>
<div class="logo"></div>
</body>
</html>

Заработок на сайте и раскрутка сайта , Регистрация в каталогах
05-06-2010 22:16
Вебсайт Найти все сообщения Цитировать это сообщение
maximus035 Не на форуме
Member
***

Сообщений: 76
Зарегистрирован: 13-01-2010
Рейтинг: 0
Сообщение: #3
RE: помогите по css как наложить одну картинку на другую с помощью css
Master спасибо брат всё получилось отменно! Я ещё одно спрошу а как ещё одну картинку добавить ну на ты которая повторяется 1 слева и 2справа, 1 слева работает, а когда добавляешь 2 левая исчезает, а правая появляется как сделать чтоб и левая и правая вместе работали?

4итер - это судьба, а нуб - это призвание!
06-06-2010 07:56
Найти все сообщения Цитировать это сообщение
Master Не на форуме
Junior Member
**

Сообщений: 29
Зарегистрирован: 08-07-2008
Рейтинг: 0
Сообщение: #4
RE: помогите по css как наложить одну картинку на другую с помощью css
maximus035, сколько хочешь можно картинок добавить, главное понять принцип.

Код:
<html>
<head>
<title>Красноярский web портал</title>
</head>
<style>
#background
{
    position: absolute;
    background-image: url('file:///C:/Users/%D0%9C%D0%B0%D0%BA%D1%81%D0%B8%D0%BC/Desktop/1.png');
    background-repeat: repeat-x;
    width:100%;
    height: 500px;
    left: 0;
    top: 0;
}
.logo1
{
    position: absolute;
    background-image: url('file:///C:/Users/%D0%9C%D0%B0%D0%BA%D1%81%D0%B8%D0%BC/Desktop/site/%D0%B9.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 301px;
    height: 168px;
    left: 71px;
    top: 15px;
}
.logo2
{
    position: absolute;
    background-image: url('file:///C:/Users/%D0%9C%D0%B0%D0%BA%D1%81%D0%B8%D0%BC/Desktop/site/%D0%B9.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 301px;
    height: 168px;
    left: 628px;
    top: 15px;
}
</style>
<body>
<div id="background"></div>
<div class="logo1"></div>
<div class="logo2"></div>
</body>
</html>

Заработок на сайте и раскрутка сайта , Регистрация в каталогах
06-06-2010 08:43
Вебсайт Найти все сообщения Цитировать это сообщение
maximus035 Не на форуме
Member
***

Сообщений: 76
Зарегистрирован: 13-01-2010
Рейтинг: 0
Сообщение: #5
RE: Помогите по css как наложить одну картинку на другую с помощью css
Спасибо!

4итер - это судьба, а нуб - это призвание!
06-06-2010 09:02
Найти все сообщения Цитировать это сообщение
Создать ответ 


Похожие темы
Тема: Автор Ответов: Просмотров: Посл. сообщение
  Помогите с кодом colro 0 156 03-08-2017 00:15
Посл. сообщение: colro
  Помогите с поиском элемента на сайте MADEVIL 0 604 06-03-2017 21:18
Посл. сообщение: MADEVIL
  Помогите с кодом Konor Argon 3 2,374 12-03-2016 14:20
Посл. сообщение: Kolyan
  Помогите с кодировкой сайта ruzaevec 1 1,481 16-09-2015 22:23
Посл. сообщение: Kolyan
  Помогите где найти калькулятор для сайта pawlap 2 2,049 27-03-2014 20:43
Посл. сообщение: pawlap
  Помогите новому сайтостроителю person1991 6 5,447 03-01-2014 18:22
Посл. сообщение: ЛогинЛогин
  помогите с созданием сайта nana_pumckuu 4 3,669 03-01-2014 18:19
Посл. сообщение: ЛогинЛогин
  помогите разобратся Nesy 0 1,402 10-01-2012 14:10
Посл. сообщение: Nesy
  Помогите с редактированием материалов Amoh77 2 1,979 11-11-2011 12:40
Посл. сообщение: Amoh77
  Немного не по теме, но все же, помогите с научностью сайта)) mzpl 2 2,446 04-03-2011 16:56
Посл. сообщение: mzpl



Пользователи просматривают эту тему: 1 Гость(ей)
Обратная связьSitesCo.ruВернуться к началуВернуться к содержимомуЛёгкий режимСписок RSS