Каскадный режим | Линейный режим

maximus035 · 05-06-2010 16:51

мне надо 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

Master · 05-06-2010 22:16

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>

maximus035 · 06-06-2010 07:56

Master спасибо брат всё получилось отменно! Я ещё одно спрошу а как ещё одну картинку добавить ну на ты которая повторяется 1 слева и 2справа, 1 слева работает, а когда добавляешь 2 левая исчезает, а правая появляется как сделать чтоб и левая и правая вместе работали?

Master · 06-06-2010 08:43

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>

maximus035 · 06-06-2010 09:02

Спасибо!

Похожие темы
Тема:		Автор	Ответов:	Просмотров:	Посл. сообщение
	Помогите с кодом	Konor Argon	3	6,406	12-03-2016 14:20 Посл. сообщение: Kolyan
	Помогите где найти калькулятор для сайта	pawlap	2	4,700	27-03-2014 20:43 Посл. сообщение: pawlap
	помогите с созданием сайта	nana_pumckuu	4	7,506	03-01-2014 18:19 Посл. сообщение: ЛогинЛогин
	Помогите с редактированием материалов	Amoh77	2	4,684	11-11-2011 12:40 Посл. сообщение: Amoh77
	Немного не по теме, но все же, помогите с научностью сайта))	mzpl	2	5,240	04-03-2011 16:56 Посл. сообщение: mzpl
	как наложить на картинку текст или объект css	maximus035	0	3,192	08-09-2010 12:41 Посл. сообщение: maximus035

Каскадный режим \| Линейный режим Помогите по css как наложить одну картинку на другую с помощью css
Автор	Сообщение