Меню
Что нового?

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

  • Автор темы Автор темы koder
  • Дата начала Дата начала

koder

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

Как в ячейке растянуть картинку, на данный момент есть..
PHP: 
.bg_yel {background:url(bg_yel.gif); background-repeat: no-repeat; background-position:top;}
<td class="bg_yel" width="100%"></td>
 
Нет ну елки палки вы опять от не знания пишите, не понятно что, был конкретный вопрос, хочется узнать ответ, те кто не знают пишите во флейме.
 
Ну как, как! :) Попробуй сделать так. Берёшь свою картинку, фотошоп, дизайнера или себя и делаешь следующее: изначальная твоя картинка остаётся в центре холста а всё остальное по краям(от середины в стороны) и возможно до бесконечности заливаешь градиентом, схожим цветовой гаммой с рисунком(и пальцем можно ещё в стороны размазать ;)). Потом, новый свой, БОЛЬШОЙ рисунок, вставляешь в ячейку в виде фона и центруешь как надо (и красиво возможно получается).
Можно тупо вставлять img в ячейку, а вторым слоем уже контент ячейки упаковывать, но будет некрасиво, потому что картинка будет тупо растягиваться (при этом соответственно пхп подставляет размеры картинки), и для этого нужно использовать графическую библиотеку. Но если вы только верстальщик.... короче много тупых и умных вариантов.
А иногда ещё стоит подумать о том, что не везде стоит делать настоько абстрактные проекты, чтобы они подходили ко всем вариантам просмотра, потому что это очень мучительно (ресурсоёмко :)) и очень обломно.
Жесть, короче, да :)
 
вывод 1, не надо растягивать картинки.
никто этим не занимается, ни на одном нормальном сайте ы такого не найдешь!
 
Но если всетаки нужно
ненормальное решение
то можно использовать: GD
указываем PHP скрипт вместо картинки

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

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


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

грамонто - разбить картинку на 2 (3,4?)
вобщем разбить на части
и некоторые сделать повторяющимися
 
свойство какое то css должно быть, я просто его забыл
 
Автор оригинала: koder
свойство какое то css должно быть, я просто его забыл
Нажмите для раскрытия...
нет такого свойства .
Просто возьми тупо в дримвивере растяни , и нажми кнопку оптимизации , чтоб нормально выглядело
 
он над вами прикалывается, а етить верите... я куею над вами
 
во дают разработчики, 10 лет херней страдают, а полезного св-ва еще не сделали..

-~{}~ 18.07.07 14:04:

Хорошо как мне сделать следующее, залить ячейку фоном картинки gif, и справа на этом фоне чтобы была другая картинка gif на фоне.
 
конечно непонятно что вы мутите там, но попробуй два дива в ячейку уложить. второй обтекает первый слева. первый размером с картинку и центровкой фона по центру без репита, второй с выравниванием по левой стороне и высотой как первый див.
Короче use your imagination.
 
koder
если ты не знаешь как картинку вставить то почитай учебники по HTML
 
Zetruger
Я знаю как вставить у меня не получается, ее вставить в фон.., она получается либо за фоном, либо фон до картинки, а картинка без фона.

-~{}~ 18.07.07 16:24:

PHP: 
<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:

последнее достижение...опять же не удается фон растянуть....
PHP: 
<td width="100%" >
		
		<div class="bg_fon>
	   <img src="/images/bg_dek.gif" border="0" alt="" align="right">
		</div>
		</div>
		</td>
 
Изврат конечно, но если очень надо...

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

<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>
 
Правильно !!! Очень сильное решение, особенно если оно принято не смотря на давление со стороны :) . Респект и уважуха
 
Войдите или зарегистрируйтесь для ответа.
Сверху