Как сделать "поля" у сайта?

Широков · 02.07.2016, 21:28

Когда я заменил "magrin" на "margin", мой контент, действительно, встал по центру, а справа и слева образовались поля.

Если нетрудно, подскажите, пожалуйста, как задать цвет этих полей - как, например, светло-голубые поля на следующем сайте http://okna-sirius.ru/plastikovye-okna/

Hispanic · 02.07.2016, 21:57

body {
background:#eff3f8;
}

Ты бы прочитал какую книгу по HTML/CSS, хоть какую, ты я так понимаю вообще 0... судя по вопросам...
Это же не сложно, я освоил HTML за два дня, там и учить то нечего...
Да и во всех браузерах есть функция view source в чем проблема, посмотри да сделай, я помню выкачивал сайты смотрел как работает и тд

Широков · 03.07.2016, 12:22

Устанавливать цвет фона (через "background:...") я умею.

Но в данном случае мне нужно установить цвет полей.

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

Однако эта таблица находится в центре экрана только, когда окно браузера полностью развернуто.

Если я начинаю сужать окно браузера, потянув за левый или правый край этого окна, поля слева и справа становятся разными по ширине - хотя в свойствах таблицы указано "align=center".

А у сайта, ссылку на который я дал в своем предыдущем сообщении, при изменении ширины окна браузера левое и правое поле изменяются одинаково.

Если нетрудно, посоветуйте, пожалуйста, как можно сделать такие одинаково изменяющиеся поля?

Цитата:

<html>

<head>

<style>

</style>

</head>

<body>

<div id="content">

<table width="600" align=center bgcolor=c0c0c0 > <tr><td >
Example</td>
</tr>

</table>

</div>

</body>

</html>

Hispanic · 03.07.2016, 17:30

о боже))

удали

div#content {
width: 1400px; margin:0 auto;
}

Добавлено через 1 минуту

либо div либо table,
ты хоть понимаешь что такое width 1400px? у тебя монитор какой?)))))
скачай книгу и прочитай, жуть))

Широков · 03.07.2016, 18:01

Цитата:

Сообщение от Hispanic

о боже))

удали

div#content {
width: 1400px; margin:0 auto;
}

Уже удалил.

Потому что с помощью вышеприведенной команды я не смог добиться нужного мне результата - то есть, не смог сделать симметричные поля цвета "А" справа и слева от содержания, которое имело бы цвет фона "Б".

Вот задав цвет фона "А" для всей страницы и разместив на ней таблицу с цветом фона "Б", я получил то, что мне нужно было.

Hispanic · 03.07.2016, 19:19

это не поля, это один блок лежин поверх другого и выровнян по центру

Широков · 03.07.2016, 20:58

Спасибо за информацию.

В ближайшее время я попробую наложить блоки предложенным тобою способом.

Может быть, это будет более эффективный вариант, чем то, что я сделал с помощью цвета фона страницы и цвета фона таблицы.

Hispanic · 03.07.2016, 22:32

)))) ох ) я же тебе тоже и сказал
прочитай книгу какую нибудь, это же не сложно

mamon-88 · 04.07.2016, 15:17

Цитата:

Сообщение от Широков

Спасибо за предложение помощи.

Для чистоты эксперимента я удалил из сайта всё кроме слова "Example" и оставил только нижеприведенный текст.

При просмотре и через Google Chrome и через Яндекс.Браузер слово "Example" находится в левом верхнем углу - то есть, поля отсутствуют, хотя ниже никакого переопределения параметров нет (там вообще нет никаких параметров).

В чем могла бы быть причина?

надо писать правильно!

PHP код:


			
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Документ без названия</title>

</head>

<style>

#content{width: 1400x; border:1px solid #000; margin:0 auto;}

</style>

<body>

<div id="content">

Example

</div>



</body>

</html>

Широков · 04.07.2016, 19:13

Я сделал поля и по вышепредложенному способу с помощью css.

На мой взгляд, это будет более эффективно, чем с помощью таблиц.

Спасибо всем большое за советы.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как сделать "замедленную реакцию" при наведении на блок в css3?	Владимир2	HTML, CSS, JavaScript	3	20.07.2014 06:29
"Оцените, господа!" или "Когда клиент через год переоценивает взгляды"	()@ZI$	Зал дебютантов	15	30.11.2005 09:50
Продажа билетов лотерей "Золотой ключ", "Русское Лото", "ТВ Бинго-шоу"	Florid	Кальянная	1	22.08.2005 19:24
Очень бы хотелось услышать советы "бывалых" и "знающих"	tim	Зал дебютантов	10	10.05.2004 09:48

02.07.2016, 21:28	#11
Широков	Когда я заменил "magrin" на "margin", мой контент, действительно, встал по центру, а справа и слева образовались поля. Если нетрудно, подскажите, пожалуйста, как задать цвет этих полей - как, например, светло-голубые поля на следующем сайте http://okna-sirius.ru/plastikovye-okna/

02.07.2016, 21:57	#12
Hispanic	body { background:#eff3f8; } Ты бы прочитал какую книгу по HTML/CSS, хоть какую, ты я так понимаю вообще 0... судя по вопросам... Это же не сложно, я освоил HTML за два дня, там и учить то нечего... Да и во всех браузерах есть функция view source в чем проблема, посмотри да сделай, я помню выкачивал сайты смотрел как работает и тд

03.07.2016, 17:30	#14
Hispanic	о боже)) удали div#content { width: 1400px; margin:0 auto; } Добавлено через 1 минуту либо div либо table, ты хоть понимаешь что такое width 1400px? у тебя монитор какой?))))) скачай книгу и прочитай, жуть)) Последний раз редактировалось Hispanic; 03.07.2016 в 17:30.. Причина: Добавлено сообщение

03.07.2016, 19:19	#16
Hispanic	это не поля, это один блок лежин поверх другого и выровнян по центру

03.07.2016, 20:58	#17
Широков	Спасибо за информацию. В ближайшее время я попробую наложить блоки предложенным тобою способом. Может быть, это будет более эффективный вариант, чем то, что я сделал с помощью цвета фона страницы и цвета фона таблицы.

03.07.2016, 22:32	#18
Hispanic	)))) ох ) я же тебе тоже и сказал прочитай книгу какую нибудь, это же не сложно

04.07.2016, 19:13	#20
Широков	Я сделал поля и по вышепредложенному способу с помощью css. На мой взгляд, это будет более эффективно, чем с помощью таблиц. Спасибо всем большое за советы.