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

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
Ссылки