Background

Travis44 · November 20, 2009

Подскажите пожалуйста такую штуку - можно ли начинать repeat с любой точки экрана? и ещё: можно ли одну и ту же картинку вставить и копировать по Y снчала слева, а потом справа?

Great Rash · November 20, 2009

1) Да можно

2) Нет нельзя (по крайней мере в CSS 2.0)

Travis44 · November 20, 2009

если можно то как?пробовал так:

body {background-image:url(bg.png);

background-position:1000px 300px;

background-repeat:repeat-y;

margin-right:160px;}

не выходит...

psywalker · November 20, 2009

если можно то как?пробовал так:
body {background-image:url(bg.png);
background-position:1000px 300px;
background-repeat:repeat-y;
margin-right:160px;}
не выходит...

покажи скрин того, что хочешь получить

Great Rash · November 20, 2009

Я имел ввиду, что background-repeat работает независимо от того какое значение background-position вы выставили. Поэтому можно начинать repeat c любой точки - на результат это не повлияет.

UPD:

А вообще psywalker прав - где-то вы мудрите батенька...

Edited November 20, 2009 by Great Rash

psywalker · November 20, 2009

Я имел ввиду, что background-repeat работает независимо от того какое значение background-position вы выставили. Поэтому можно начинать repeat c любой точки - на результат это не повлияет.
UPD:
А вообще psywalker прав - где-то вы мудрите батенька...

да видно, что мутная тема, ТС помойму сам запутался, нужен скрин явно

Travis44 · November 20, 2009

вот скрин

белая полоска справа - картинка высотой в 350 px, и я хочу чтобы она копировалась по Y как на картинке - не с самого верха, а с определённым отступом. можно ли так сделать?

Edited November 20, 2009 by Travis44

psywalker · November 20, 2009

Так, ты можешь сделать обманный манёвр, можешь сделать правый фон у Боди, который тянется вниз, а сверху сделать блок с чёрным цветом, который будет высоты как раз до обреза фона. Если хочешь, можешь даже сделать его абсолютом, а на нём уже делать сайт

Edited November 20, 2009 by psywalker

Travis44 · November 20, 2009

тогда мне придётся убрать границу справа

Great Rash · November 20, 2009

Товарищ, ступайте учить HTML и CSS ибо походу вы не знаете, что такое margin-right и padding-right

UPD: Таки решил подкрепить свои слова кодом... хоть и не следовало.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xml:lang="en" lang="en">

<head>
	<title>template</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			font: 12px Tahoma;
		}

		body {
			background: #000 url('http://www.un-real.eu/border%20right.jpg') right top repeat-y;
			color: #fff;
		}

		.black {
			height: 200px;
			background: #000;
		}

		.cont {
			margin-top: -200px;
			margin-right: 208px;
			border: red 1px solid;
		}
	</style>

	<script type="text/javascript">

	</script>
</head>

<body>

	<div class="black"></div>
	<div class="cont">
		text<br />text<br />text<br />text<br />text<br />text<br />text<br />
		text<br />text<br />text<br />text<br />text<br />text<br />text<br />
		text<br />text<br />text<br />text<br />text<br />text<br />text<br />
	</div>

</body>
</html>

Edited November 20, 2009 by Great Rash

Travis44 · November 20, 2009

Так вот я этим и занимаюсь))Учу html и css)большое спасибо)

Justnewone · November 20, 2009

Так вот я этим и занимаюсь))Учу html и css)большое спасибо)

Ваще последовательность следующая - сначала учите язык общения (тот же маргин) а потом приходите за советом, разве не так?

Интересно, вот Вы в чем-то спец, наверняка ведь грустно рассказывать человеку, который мало чего понимает?

Sign In

Background

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information