Фон на сайт

P

pausa

Registered
Как се прави това където е центриран сайта фона да е един, а от ляво и дясно да е друг като на този сайт?
http://giga-dev.com/viewpage.php?page_id=7
 
Ами доста лесно е, правиш си един div примерно с id content, слагаш му някакъв фон, центрираш го и съдържанието отива в него. На body слагаш фона, който искаш да е от двете страни.
 
Това изображение го задаваш:
body {
background:url('пътя до изображнието' repeat-x repear-y;
}
/* имаш един главен див, в който слагаш всичко друго */
#main {
width:800px;
height:auto;
margin:0 auto;
}
Увеличете...
 
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Заглавие</title>
<style type="text/css">
 body { background-image:url("kartinka_za_fon.jpg"); }
 div#content { background-image:url("druga_kartinka_za_fon.jpg"); width:900px;}
</style>
</head>

<body>
	<center>
    <div id="content">
    	Съдържанието идва тук с всички картинки, снимки и т.н.
   	</div>
    </center>
</body>
</html>
 
emagi каза:
Това изображение го задаваш:
body {
background:url('пътя до изображнието' repeat-x repear-y;
}
/* имаш един главен див, в който слагаш всичко друго */
#main {
width:800px;
height:auto;
margin:0 auto;
}
Увеличете...
Увеличете...

Нестава сиг аз немога да го направя
 
pzlatarov каза:
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Заглавие</title>
<style type="text/css">
 body { background-image:url("kartinka_za_fon.jpg"); }
 div#content { background-image:url("druga_kartinka_za_fon.jpg"); width:900px;}
</style>
</head>

<body>
	<center>
    <div id="content">
    	Съдържанието идва тук с всички картинки, снимки и т.н.
   	</div>
    </center>
</body>
</html>
Увеличете...

Този стана благодаря +1
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе