Знающие люди, ПОМОГИТЕЕ ...

May 14, 2009

Здравствуйте.

как создать полоски по краям страницы, толщиной около 1-2 см, такие как на этом сайте:

http://www.newbestmodel.com/

Всё перепробывал, не получается.

Подскажите пожалуйста кто знает... очень нуно

Заранее спасибо.

Lincky · May 14, 2009

Здравствуйте.
как создать полоски по краям страницы, толщиной около 1-2 см, такие как на этом сайте:
http://www.newbestmodel.com/
Всё перепробывал, не получается.
Подскажите пожалуйста кто знает... очень нуно
Заранее спасибо.

body {

background: url(картинка) repeat-y 0 0;

}

.outer {

background: url(картинка) repeat-y 100% 0;

}

<body>

бла-бла-бла

</div>

</body>

для .outer делаешь padding слева и справа на ширину картинки

вот и всё

May 14, 2009

Простите за глупые вопросы, просто не совсем ещё в этом разбираюсь, вот несколько вопросов:

1. { - нужноли её вписывать ?

2. вместо "бла бла бла" что нить должно быть ?

3. "padding" и ".outer " - что это ?

4. картинки слева и справа отличаются, как и куда вписывать ?

Примерно так должно получиться...

body {

background: brd_l.jpg repeat-y 0 0;

}

.outer {

background: brd_l.jpg repeat-y 100% 0;

}

<body>

</div>

</body>

Edited May 14, 2009 by 837

Searcher · May 14, 2009

чтобы не задавать глупых вопросов читаем про HTML и CSS

psywalker · May 14, 2009

Вместо Бордера вот сюда повесь фон:

html { border-right: 5px solid red; height: 100%;}

body { border-left: 5px solid red; font: bold .625em Tahoma, Geneva, sans-serif; height: 100%;}

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Контент</title>
<style type="text/css">
	*{ margin: 0; padding: 0;}
	html { border-right: 5px solid red; height: 100%;}
	   body {  border-left: 5px solid red; font: bold .625em Tahoma, Geneva, sans-serif;  height: 100%;}

	   ul{
		 width: 40em;
		 background: #eff2df;
		 list-style: none;
		 padding: 2em;
		 position: relative;
		 left: -.3em;
		 top: -.3em;
	}
		 li { zoom: 1; position: relative; border-bottom: .1em dotted #F00; padding-right: 10em;}
		   li b { font-size: 1.2em; padding-right: .5em; position: relative; bottom: -.5em; left: 0; background: #eff2df;}
		   li span {
				 position: absolute;
				 right: 0;
				 bottom: -.5em;
				 background: #eff2df;
				 padding-left: .5em;
		}


</style>
</head>

<body>

<ul style=" width: 888px; margin: 0 auto;">
	<li>

	   <span>Цена длинная</span>
	   <b>Неплохая еда говорят у вас в ресторане, а можно посмотреть меню?Неплохая еда говорят у вас в ресторане, а можно посмотреть меню?Неплохая еда говорят у вас в ресторане, а можно посмотреть меню?</b>
	</li>
	<li>
	   <span>Цена длинная</span>
	   <b>Неплохая еда говорят у вас в ресторане, а можно посмотреть меню? </b>
	</li>

		<li>
	   <span>Цена длинная</span>
	   <b>Неплохая еда говорят у вас в ресторане, а можно посмотреть меню? </b>
	</li>
	<li>
	   <span>Цена длинная</span>
	   <b>Неплохая еда говорят у вас в ресторане, а можно посмотреть меню?</b>

	</li>
		<li>
	   <span>Цена  длинная</span>
	   <b>Неплохая еда говорят у вас </b>
	</li> 
	<li>
	   <span>Цена длинная</span>

	   <b>Неплохая еда говорят </b>
	</li>
</ul>

</body>
</html>

Sign In

Знающие люди, ПОМОГИТЕЕ ...

Question

837

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Lincky

Link to comment

Share on other sites

837

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information