Как в ячейке растянуть картинку

[koder]

Как в ячейке растянуть картинку

Как в ячейке растянуть картинку, на данный момент есть..

.bg_yel {background:url(bg_yel.gif); background-repeat: no-repeat; background-position:top;}

<td class="bg_yel" width="100%"></td>

 

[MuXaJIbI41981]

background не растягивается .... он может дублироваться

 

[koder]

Я знаю, а как растянуть..?

 

[Zetruger]

background не растягивается .... он может дублироваться

Я знаю, а как растянуть..?

это похоже на:
"А ты купи мне слоника..."
все что не скажешь
"А ты купи мне слоника..."

 

[koder]

Нет ну елки палки вы опять от не знания пишите, не понятно что, был конкретный вопрос, хочется узнать ответ, те кто не знают пишите во флейме.

 

[Вася Патриков]

Ну как, как! Попробуй сделать так. Берёшь свою картинку, фотошоп, дизайнера или себя и делаешь следующее: изначальная твоя картинка остаётся в центре холста а всё остальное по краям(от середины в стороны) и возможно до бесконечности заливаешь градиентом, схожим цветовой гаммой с рисунком(и пальцем можно ещё в стороны размазать ). Потом, новый свой, БОЛЬШОЙ рисунок, вставляешь в ячейку в виде фона и центруешь как надо (и красиво возможно получается).
Можно тупо вставлять img в ячейку, а вторым слоем уже контент ячейки упаковывать, но будет некрасиво, потому что картинка будет тупо растягиваться (при этом соответственно пхп подставляет размеры картинки), и для этого нужно использовать графическую библиотеку. Но если вы только верстальщик.... короче много тупых и умных вариантов.
А иногда ещё стоит подумать о том, что не везде стоит делать настоько абстрактные проекты, чтобы они подходили ко всем вариантам просмотра, потому что это очень мучительно (ресурсоёмко ) и очень обломно.
Жесть, короче, да

 

[Zetruger]

вывод 1, не надо растягивать картинки.
никто этим не занимается, ни на одном нормальном сайте ы такого не найдешь!

 

[nalim]

Но если всетаки нужно
ненормальное решение
то можно использовать: GD
указываем PHP скрипт вместо картинки

.bg_yel {background:url(img_gen.php); background-repeat: no-repeat; background-position:top;}

и пишем скрипт
который генерирует картинку в зависимости
от разрешения экрана,
но это изврат
и картинка будет некрасивой.


вообще красиво заполнить пространство под td
это задача на верстку:

грамонто - разбить картинку на 2 (3,4?)
вобщем разбить на части
и некоторые сделать повторяющимися

 

[koder]

свойство какое то css должно быть, я просто его забыл

 

[Вася Патриков]

Ну попробуй освежить память. Найдёшь - скажи : http://htmlbook.ru/css/

 

[Koc9k]

Автор оригинала: koder
свойство какое то css должно быть, я просто его забыл

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

 

[Coffin]

он над вами прикалывается, а етить верите... я куею над вами

 

[koder]

во дают разработчики, 10 лет херней страдают, а полезного св-ва еще не сделали..

-~{}~ 18.07.07 14:04:

Хорошо как мне сделать следующее, залить ячейку фоном картинки gif, и справа на этом фоне чтобы была другая картинка gif на фоне.

 

[Вася Патриков]

конечно непонятно что вы мутите там, но попробуй два дива в ячейку уложить. второй обтекает первый слева. первый размером с картинку и центровкой фона по центру без репита, второй с выравниванием по левой стороне и высотой как первый див.
Короче use your imagination.

 

[Zetruger]

koder
если ты не знаешь как картинку вставить то почитай учебники по HTML

 

[koder]

Zetruger
Я знаю как вставить у меня не получается, ее вставить в фон.., она получается либо за фоном, либо фон до картинки, а картинка без фона.

-~{}~ 18.07.07 16:24:

<td width="100%" class="bg_fon">  		<div class="bg_dek"></div>  		</td>  .bg_fon {background:url(bg_fon.gif); background-repeat: no-repeat; background-position:right;}  .bg_dek {background:url(detektor.gif); background-repeat: no-repeat; background-position:right;height:184px; }

и фон на всю ячейку не растягивается он только справа..на пол ячейки и на фоне картинка..

-~{}~ 18.07.07 16:42:

последнее достижение...опять же не удается фон растянуть....

<td width="100%" >
		
		<div class="bg_fon>
	   <img src="/images/bg_dek.gif" border="0" alt="" align="right">
		</div>
		</div>
		</td>

 

[Grezz]

Изврат конечно, но если очень надо...

По ширине растягивается "на ура", а вот с вертикальным растягиванием надо думать.

<div>
<div style="position: absolute; margin-top: 0px; height:50px; z-index: -1;">
<img src="img1.jpg" width="100%" height="100%">
</div>
<h1>Content</h1>
</div>

 

[koder]

все я плюнул...на эту херню надоело..

 

[Вася Патриков]

Правильно !!! Очень сильное решение, особенно если оно принято не смотря на давление со стороны . Респект и уважуха