Фоновый рисунок в таблице

kino_Jgor · May 29, 2009

Здрасьте. Скажите пожалуйста, как сделать так, что бы фон (рисунок) в ячейке был не справа налево как всегда, а слева на право, ну и конечно же не повторялся. :rolleyes:

s0rr0w · May 29, 2009

background-position

background-repeat

kino_Jgor · May 29, 2009

А может кто поможет разобраться на этом коде:

<html>

<head>
<title>неважно</title>
</head>

<body>

<div align="center">
	<table border="0" width="100%" style="border-collapse: collapse; border-width: 0px" cellpadding="0">
		<tr>


<td background-images="index.files/landlost_l.jpg"> </td>  - вот эта ячейка, тут и необходимо фоновый рисунок сделать справа налево и что бы не повторялось


			<td width="774" height="900" background="index.files/landlost_m.jpg">
			<p> </td>
			<td background="index.files/landlost_r.jpg"> </td>
		</tr>
		<tr>
			<td> </td>
			<td> </td>
			<td> </td>
		</tr>
	</table>
</div>

</body>

</html>

И сразу ещё один вопрос: как эту таблицу привязать к самому верху и низу окна браузера?

Edited May 29, 2009 by kino_Jgor

s0rr0w · May 29, 2009

А может кто поможет разобраться на этом коде:

А что в нем не понятно?

И сразу ещё один вопрос: как эту таблицу привязать к самому верху и низу окна браузера?

В каком смысле привязать?

kino_Jgor · May 29, 2009

А что в нем не понятно?
В каком смысле привязать?

Что бы не было вопросов, чего я хочу :rolleyes:

Payne · May 29, 2009

<td background-images="index.files/landlost_l.jpg"> </td> - вот эта ячейка, тут и необходимо фоновый рисунок сделать справа налево и что бы не повторялось

<td style="background-image: url('index.files/landlost_1.jpg'); background-position: right; background-repeat: no-repeat">...Содержимое...</td>

Конечно, лучше всё это вынести в css.

И сразу ещё один вопрос: как эту таблицу привязать к самому верху и низу окна браузера?

html, body {padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px}

Edited May 29, 2009 by Payne

kino_Jgor · May 30, 2009

Вот результат моих действий:

Над этим кодом:

<html>

<head>
<title>1</title>
</head>


<body> {padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px} - это код для "приклеивания" таблицы ко всем краям окна браузера


<div align="center">
	<table border="0" width="100%" style="border-collapse: collapse; border-width: 0px" cellpadding="0">
		<tr>


<td style="background-image: url('index.files/landlost_1.jpg'); background-position: right; background-repeat: no-repeat"> </td> - эта та самая ячейка


			<td width="774" height="900" background="index.files/landlost_m.jpg" >
			<p align="center"> </td>
			<td background="index.files/landlost_r.jpg"> </td>
		</tr>
		<tr>
			<td> </td>
			<td> </td>
			<td> </td>
		</tr>
	</table>
</div>

</body>

</html>

:rolleyes:

Payne · May 30, 2009

<body> {padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px} - это код для "приклеивания" таблицы ко всем краям окна браузера

Это не код для "приклеивания" таблицы ко всем краям окна, а какая-то хрень. Я думал ты имеешь хотя бы небольшое представление о CSS и их взаимодействии с HTML.

Если уж ты собираешься использовать это в самом html-документе, то нужно писать не так, как ты, а так:

Если ты всё же хочешь приклеить таблицу ко всем краям, а не только к нижнему и верхнему, то лучше написать короче:

А вот это: body {padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px} - так пишется в каскадных таблицах стилей.

<td style="background-image: url('index.files/landlost_1.jpg'); background-position: right; background-repeat: no-repeat"> </td> - эта та самая ячейка

Ты тупо скопировал то, что я написал. Но файл-то у тебя называется не landlost_1.jpg, а landlost_l.jpg. Думай хоть немного - из-за чего может пропасть картинка?

kino_Jgor · May 30, 2009

С картинкой я реально тупанул :rolleyes: , всё получилось так как и хотел: таблица ко всем краям приклеена и фон таблицы сделан как надо. СПАСИБО

Edited May 30, 2009 by kino_Jgor

Boris.d · June 2, 2009

HTML учи. CSS учи.

silverworld · August 8, 2009

кто знает, как стандартными средствами языка html сделать так, чтобы фоновый рисунок всегда занимал ровно весь экран, т.е. автоматически сжимался или увеличивался, в зависимости от размера экрана?

rash · August 8, 2009

кто знает, как стандартными средствами языка html сделать так, чтобы фоновый рисунок всегда занимал ровно весь экран, т.е. автоматически сжимался или увеличивался, в зависимости от размера экрана?

Никак.

Searcher · August 10, 2009

кто знает, как стандартными средствами языка html сделать так, чтобы фоновый рисунок всегда занимал ровно весь экран, т.е. автоматически сжимался или увеличивался, в зависимости от размера экрана?

html + css

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

psywalker · August 11, 2009

Да, вот типа того, как сделано тут: Четыре блока с картинками разбросаны по углам, а при заполнении содержимым низ и верх просто остаются на месте, а середина тянется, что и требовалось доказать!

http://psywalker.ru/SAITS/Izoprint/main-page.html

Edited August 11, 2009 by psywalker

lenster · August 25, 2009

У меня такая-же проблема с фоном, только этот код не помогает.

http://fightcraft.ru/sait2.html

Вот, левые горы начинают слезать, если брать меньший размер экрана.

Justnewone · August 25, 2009

У меня такая-же проблема с фоном, только этот код не помогает.
http://fightcraft.ru/sait2.html
Вот, левые горы начинают слезать, если брать меньший размер экрана.

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

lenster · August 25, 2009

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

Нет, так получается, что шапка справа налево скрывается, а не с двух сторон одновременно.

Justnewone · August 25, 2009

Нет, так получается, что шапка справа налево скрывается, а не с двух сторон одновременно.

Грустно что так у Вас получилось, раз не осилили - тогда делайте как посчитаете нужным

lenster · August 27, 2009

Грустно что так у Вас получилось, раз не осилили - тогда делайте как посчитаете нужным

Спасибо, по-мучался с день и получилось всё, только вот 1 маленькая проблема осталась в браузере (опера), съезжает контент и меню, я их сделал на середине градиента, и получается, что немного съезжает почему-то!

Вот адрес http://fightcraft.ru/sait4.html

Justnewone · August 28, 2009

Спасибо, по-мучался с день и получилось всё, только вот 1 маленькая проблема осталась в браузере (опера), съезжает контент и меню, я их сделал на середине градиента, и получается, что немного съезжает почему-то!
Вот адрес http://fightcraft.ru/sait4.html

в FF тоже, думаю, во многих браузерах будет так, потому что надо задать min-width ("кроссбраузерный min-width" у гугла)

lenster · September 11, 2009

в FF тоже, думаю, во многих браузерах будет так, потому что надо задать min-width ("кроссбраузерный min-width" у гугла)

Решил проблему так, взял тот же метод, сделал фон меню и контента и объединил. Сделал стайл "центр" Поставилось по центре, но проблема такая.

По центру теперь не только по горизонтали, но и по вертикали, и получается, что фон синий не видно.

Можно ли сделать так, чтобы по центру вставало, только вертикально?

http://fightcraft.ru/sait4.html

Justnewone · September 11, 2009

Решил проблему так, взял тот же метод, сделал фон меню и контента и объединил. Сделал стайл "центр" Поставилось по центре, но проблема такая.
По центру теперь не только по горизонтали, но и по вертикали, и получается, что фон синий не видно.
Можно ли сделать так, чтобы по центру вставало, только вертикально?
http://fightcraft.ru/sait4.html

Напишите вместо "центер" - "центр топ" или как там...

lenster · September 11, 2009

Напишите вместо "центер" - "центр топ" или как там...

Сделал, заработало, просто поставил рядом top).

Спасибо!

dmitro_off · September 12, 2009

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

<html>

<head>

<title>Растягиваемый фон</title>

#layer1 {

z-index: 1; /* Порядок слоев */

width: 100%; /* Ширина слоя с фоном */

height: 100%; /* Высота слоя с фоном */

position: absolute; /* Абсолютное позиционирование */

left: 0; /* Положение от левого края окна */

top: 0; /* Положение от верхнего края */

}

#layer2 {

position: absolute; /* Абсолютное позиционирование */

z-index: 2; /* Порядок слоев */

}

</style>

</head>

<body>

</div>

Основное содержимое веб-страницы

</div>

</body>

</html>

Sign In

Фоновый рисунок в таблице

Question

Link to comment

Share on other sites

23 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information