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

суббота, 26 мая 2012

20:03

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

все записи пользователя в сообществе Half-BloodGamer

the boy who's still waiting

доброго времени суток
с меню вроде разобрался, теперь другая проблема :gigi:

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

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

@темы: HTML, CSS

URL

Поделиться

Не важно, что происходит снаружи, главное - что творится ... Внезапно и некстати закончились инет средства, и мы оказа... [*]Концепции визитных карточек. От компании IDEO. [*]Оч...

Насколько же много в нашем мире неживых людей... Тех, кто... Реальная книга В нашем обществе прочно на подсознательном уровне закрепи...

Комментарии

27.05.2012 в 10:16

alhames

alhames.ru

1) Зачем нужны столько "//"? Это насколько я помню исключения для IE, но их не должно быть такое количество.
2) background-size хреново поддерживается - лучше его не юзать.
3) Вообще если у бекграунда свойства не переназначаешь потом (например, на :hover), то лучше вытягивать все в одну строку - компактней:
background: url(../images/background.png) no-repeat;
4) «margin: 168px 0 auto 75px;» - зачем стоит auto снизу? Оно ведь не пашет..
5) «background-position: relative;» - с чего ты взял что у позиции бекграунда есть такое значение? Читать: htmlbook.ru/css/background-position

Это так, по CSS замечания..

URL

27.05.2012 в 19:56

Half-BloodGamer

the boy who's still waiting

1) Зачем нужны столько "//"? Это насколько я помню исключения для IE, но их не должно быть такое количество.
это - закомментированные строки
2) background-size хреново поддерживается - лучше его не юзать.
3) Вообще если у бекграунда свойства не переназначаешь потом (например, на :hover), то лучше вытягивать все в одну строку - компактней:
background: url(../images/background.png) no-repeat;
заметано
4) «margin: 168px 0 auto 75px;» - зачем стоит auto снизу? Оно ведь не пашет..
это уже от балды сделано...потому как нормальные варианты были уже попробованы
5) «background-position: relative;» - с чего ты взял что у позиции бекграунда есть такое значение? Читать: htmlbook.ru/css/background-position
перепутал с обычным position...

URL

27.05.2012 в 20:24

alhames

alhames.ru

1) Зачем нужны столько "//"? Это насколько я помню исключения для IE, но их не должно быть такое количество.
это - закомментированные строки

В CSS поддерживаются только один вид комментирования:

/* текст */

URL

27.05.2012 в 22:18

Half-BloodGamer

the boy who's still waiting

alhames, теперь буду только так комментить))

URL

Добавить комментарий

Расширенная форма

Редактировать

Использовать аватар

Изображения

Подписаться на новые комментарии

Получать уведомления о новых комментариях на E-mail


Запомнить

@web-программирование

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