проблемка с фоном и картинкой

snej · 26.11.2009, 14:08

http://img410.imageshack.us/i/47568765.png/
Подскажите пож, как сделать так чтобы нижняя менюшка была на голубом фоне, и не вылазила на траву, землю.

в самой странице код:

Цитата:

в css файле:

Цитата:

body{
background-color: #000000
padding:0px;
margin:0px;
background:url(images/bg.jpg) top repeat-x;
}

bg.jpg - голубой фон
bg-top.jpg - центральная часть где фотография, часть фона, на нее накладывается текст что рядом с фотографией.
bg-mid-f.jpg - трава, земля.

Niemans · 26.11.2009, 14:26

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

snej · 26.11.2009, 14:49

а можно поподробнее как это сделать, просто я плохо разбираюсь в этом.

Niemans · 26.11.2009, 14:51

Цитата:

а можно поподробнее как это сделать

Ответил в личку.
Кстати

Цитата:

body{
background-color: #000000;
padding:0px;
margin:0px;
background:url(images/bg.jpg) top repeat-x;
}

vitaly-go · 26.11.2009, 15:28

Цитата:

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

а можно поподробнее как это сделать, просто я плохо разбираюсь в этом.

Код:

<table style="width: 100%">
	<tr>
		<td>ШАПКА С ФИКСИРОВАННОЙ ВЫСОТОЙ</td>
	</tr>
	<tr>
		<td>ВНУТРЕННЕЕ НАПОЛНЕНИЕ СТРАНИЦЫ</td>
	</tr>
	<tr>
		<td>ФУТЕР С ФИКСИРОВАННОЙ ВЫСОТОЙ</td>
	</tr>
</table>

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

уважаемый(ая) snej не долбите в личку, ок?
форум не для этого существует

вот вам ссылка на скорую руку ваша страница
http://narod.ru/disk/15404665000/stranica.rar.html

вот вам html

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>ШАПКА С ФИКСИРОВАННОЙ ВЫСОТОЙ</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>


<table cellpadding="0" cellspacing="0" style="width: 100%">
	<tr>
		<td  class="head">&nbsp;</td>
	</tr>
	<tr>
		<td class="center">
<div class="content1"><img alt="1" src="http://web-silver.ru/forum/images/content.jpg" />
                      <img alt="1" src="images/content.jpg" />
                      <img alt="1" src="images/content.jpg" />
                      <img alt="1" src="http://web-silver.ru/forum/images/content.jpg" />
                      <img alt="1" src="http://web-silver.ru/forum/images/content.jpg" />
                      <img alt="1" src="http://web-silver.ru/forum/images/content.jpg" />
                      <img alt="1" src="http://web-silver.ru/forum/images/content.jpg" />
                      <img alt="1" src="http://web-silver.ru/forum/images/content.jpg" />
                      <img alt="1" src="http://web-silver.ru/forum/images/content.jpg" />
                      <img alt="1" src="http://web-silver.ru/forum/images/content.jpg" />
                      <img alt="1" src="http://web-silver.ru/forum/images/content.jpg" />
                      <img alt="1" src="http://web-silver.ru/forum/images/content.jpg" />
                      <img alt="1" src="http://web-silver.ru/forum/images/content.jpg" />
                      <img alt="1" src="http://web-silver.ru/forum/images/content.jpg" />
</div>
		</td>
	</tr>
	<tr>
		<td class="footer">&nbsp;</td>
	</tr>
</table>
</body>
</html>

вот вам css

Код:

body {
	 margin:0; padding:0;
}

.head {
	 background-image:url('images/bg_top.jpg');
	 background-repeat:repeat-x;
	 width:auto;
	 height:48px;
}
.center {
	 background-image:url('images/bg_center.jpg');
	 background-repeat:repeat-x;
	 width:auto;
	 height:480px;
}
.footer {
	 background-image:url('images/bd_futer.jpg');
	 background-repeat:repeat-x;
	 width:auto;
	 height:323px;
}
.content1 {
	 margin:20px;
	 padding:0px;
}

Niemans · 26.11.2009, 15:34

vitaly-go, ну я вижу вы не один)))

vitaly-go · 26.11.2009, 15:36

Цитата:

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

vitaly-go, ну я вижу вы не один)))

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

Niemans · 26.11.2009, 15:38

Самое интересное что мы оба описываем ему один и тот же способ

vitaly-go · 26.11.2009, 15:44

ну какбы да

, самый верный и простой, можно было еще на верникали разбить если фикс центра нужен, но об этом никто неспрашивал,
кстати чет неслышно, пропал топикстартер(по принуждению)

Aldes · 26.11.2009, 16:29

Цитата:

Сообщение от vitaly-go

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

привыкай, дружище

тяжела работа учить и быть умным (без сарказма)

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Фон картинкой	AlexxMaker	HTML, CSS, JavaScript	1	28.09.2014 23:16
проблема с картинкой (height=100%)	SkisoR	HTML, CSS, JavaScript	10	20.10.2007 12:32
Select с картинкой	veejar	HTML, CSS, JavaScript	1	16.05.2007 18:39
Помогите с картинкой для background pls	стр143	HTML, CSS, JavaScript	14	06.03.2006 10:20
Помогите с картинкой	seka	Растровая графика	2	03.02.2004 23:13

26.11.2009, 14:26	#2
Niemans	Ну раз делаете таблицами... Сделайте основную таблицу состоящую из 3 строк. Верхней и нижней пропишите высоту, фон и что там вам еще нужно, а боди достаточно того что у вас сейчас, а в центральной развлекайтесь как хотите.

26.11.2009, 14:49	#3
snej	а можно поподробнее как это сделать, просто я плохо разбираюсь в этом.

26.11.2009, 15:34	#6
Niemans	vitaly-go, ну я вижу вы не один)))

26.11.2009, 15:38	#8
Niemans	Самое интересное что мы оба описываем ему один и тот же способ

26.11.2009, 15:44	#9
vitaly-go	ну какбы да , самый верный и простой, можно было еще на верникали разбить если фикс центра нужен, но об этом никто неспрашивал, кстати чет неслышно, пропал топикстартер(по принуждению)

26.11.2009, 14:08
Ссылки