Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

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

Обсуждение темы проблемка с фоном и картинкой в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; http://img410.imageshack.us/i/47568765.png/ Подскажите пож, как сделать так чтобы нижняя менюшка была на голубом фоне, и не вылазила на траву, землю. в самой странице код: ...


Закрытая тема
 
Опции темы
Старый 26.11.2009, 14:08   #1
http://img410.imageshack.us/i/47568765.png/
Подскажите пож, как сделать так чтобы нижняя менюшка была на голубом фоне, и не вылазила на траву, землю.

в самой странице код:
Цитата:
<body>
<table style=" background:url(images/bg-mid-f.jpg) left repeat-x #3E6E1B; background-position:0 375px">
<tr>
<td style="height:387px; background:url(images/bg.jpg) top repeat-x">
<table align="center" style="width:763px; background:url(images/bg-top.jpg) top left no-repeat">
<tr>
в 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 - трава, земля.

Последний раз редактировалось snej; 26.11.2009 в 14:14..
 
Старый 26.11.2009, 14:08
Ссылки
Старый 26.11.2009, 14:26   #2
Ну раз делаете таблицами... Сделайте основную таблицу состоящую из 3 строк. Верхней и нижней пропишите высоту, фон и что там вам еще нужно, а боди достаточно того что у вас сейчас, а в центральной развлекайтесь как хотите.
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
snej (26.11.2009)
Старый 26.11.2009, 14:49   #3
а можно поподробнее как это сделать, просто я плохо разбираюсь в этом.
 
Старый 26.11.2009, 14:51   #4
Цитата:
а можно поподробнее как это сделать
Ответил в личку.
Кстати
Цитата:
body{
background-color: #000000;
padding:0px;
margin:0px;
background:url(images/bg.jpg) top repeat-x;
}

Последний раз редактировалось Niemans; 26.11.2009 в 14:53..
 
Старый 26.11.2009, 15:28   #5
Цитата:
Сообщение от 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;
}

Последний раз редактировалось vitaly-go; 26.11.2009 в 15:32.. Причина: Добавлено сообщение
 
Старый 26.11.2009, 15:34   #6
vitaly-go, ну я вижу вы не один)))
 
Старый 26.11.2009, 15:36   #7
Цитата:
Сообщение от Nimans Посмотреть сообщение
vitaly-go, ну я вижу вы не один)))
он еще тему не создал сразу мне в личку асю свои и мол помоги, такое впечатление что блин спонсора себе нашел или я всем должен,
я в шоке, это хуже чем спам безсмысленный
 
Старый 26.11.2009, 15:38   #8
Самое интересное что мы оба описываем ему один и тот же способ
 
Старый 26.11.2009, 15:44   #9
ну какбы да , самый верный и простой, можно было еще на верникали разбить если фикс центра нужен, но об этом никто неспрашивал,
кстати чет неслышно, пропал топикстартер(по принуждению)
 
Старый 26.11.2009, 16:29   #10
Цитата:
Сообщение от vitaly-go Посмотреть сообщение
он еще тему не создал сразу мне в личку асю свои и мол помоги, такое впечатление что блин спонсора себе нашел или я всем должен,
я в шоке, это хуже чем спам безсмысленный
привыкай, дружище тяжела работа учить и быть умным (без сарказма)
 
Старый 26.11.2009, 16:29
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Фон картинкой 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


Текущее время: 16:57. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум