/*продолжаю трахать вам мозги*/

доброго времени суток
с меню вроде разобрался, теперь другая проблема
не удается настроить фоновый рисунок (а потом и расположить на нем меню в нужном месте)
CSS:

#wrapper { /*центральный блок*/
	margin: 0 auto;
	//width: 100%;
	//height: 100%;
	background-image: url(../images/background.png);
	background-repeat: no-repeat;
	//background-size: 124px 68
}
p { /*центральная часть сайта*/
	overflow: scroll;
	width: 50%;
	height: 50%;
	border: solid black thin;
	padding: 25
	margin: 25
	background-color: white;
}
#right { /*правый блок*/
	float: right;
	background-image: url(../images/backright2.png);
	background-size: 100% 100%;
	width: 20%;
	height: 100%;
}
#left { /*левый блок*/
	float: left;
	//background-color: black;
	background-image: url(../images/backleft.png);
	background-size: 100% 100%;
	width: 20%;
	height: 100%;
}
#joy { 
	margin: 168px 0 auto 75
	background-image: url(../images/joyleft.png);
	width: 200
	height: 200
	background-position: relative;
	background-repeat: no-repeat;
}
#joy div {
	overflow: hidden;
	height: 67
}
#one {
	width: 83
	height: 60
	background: url(../images/joyleft.png) -58px 0;
	//background-position: relative;
	background-repeat: no-repeat;
	overflow: hidden;
	//display: block;
}
#two {
	width: 70
	height: 67
	background: url(../images/joyleft.png) -130px -67
	//background-position: relative;
	background-repeat: no-repeat;
	overflow: hidden;
}
#three {
	width: 78
	height: 67
	background: url(../images/joyleft.png) -2 -65
	//background-position: relative;
	background-repeat: no-repeat;
	overflow: hidden;
}
#four {
	width: 83
	height: 60
	background: url(../images/joyleft.png) 2 -132
	//background-position: relative;
	background-repeat: no-repeat;
	overflow: hidden;
}
#center {
	background: no-repeat url(../images/background.png);
	background-size: 100% 100%;
	background-position: relative;
	margin: 10px auto;
	width: 60%;
	height: 100%;
	background-color: white;
}

HTML:

<body>
<div id="wrapper">
	<div id="left" align="left">
		<div id="joy">
			<div height="67px">
			<img src="images/cover1.gif" id="cover1" align="left" width="58px" height="67px">
			<a href="index.html">
				<img src="images/empty.gif" id="one" width="1" height="1" align="center">
			</a>
			<img src="images/cover1.gif" id="cover1" align="right" height="67px" width="58px">
			</div>
			
			<div>
			<a href="blog.html">
				<img src="images/empty.gif" id="three" width="1" height="1" align="left">
			</a>
			
			<img src="images/cover1.gif" id="cover1" align="center" height="67px" width="40px">
			<a href="video.html">
				<img src="images/empty.gif" id="two" width="1" height="1" align="right">
			</a>
			</div>
			<div height="67px">
			<img src="images/cover1.gif" id="cover1" align="left" width="58px" height="67px">
			<a href="contacts.html">
				<img src="images/empty.gif" id="four" width="1" height="1" align="center">
			</a>
			<img src="images/cover1.gif" id="cover1" align="right" height="67px" width="58px">
			</div>
		</div>
	</div>
	<div id="center">
	</div>
	<div id="right" align="right">
	</div>
</div>
</body>

/*продолжаю трахать вам мозги*/

Смотрите также

/продолжаю трахать вам мозги/