Background-image => width: 100%

[klierik]

Здравствуйте. скажите пожалуйста как можно

растянуть фоновое изображение по ширине объекта?

эээ... к примеру есть див...

резиновый.... как установленое ему фоновое изображение растянуть по его ширине?

спасибо

[Fed]

repeat ему сделайте если надо чтобы оно повторилось) а так смотря какое фоновое изображение. покажите ссылку

[kiD]

просматривать существующие темы обьяснить как?

[Dimitry Wolotko]

kiD - безусловно пользователю стоит объяснить вс? что нужно. А вот нужно ли пользователю дерзить? Тем более если пользователь "нович?к"?

[Fu-tai]

Если пользователь не додумался воспользоваться поиском или уж до него не снизошло в первую очередь посмотреть на главной странице сайта про аргументы стиля bacground. То ДА!!!! Стоит дерзить и даже очень стоит, ибо почувствовав что ему не на кого положиться, и что с такими вопросами кроме дерзости он ничего не получает, пользователь "новичек" начинает шевелиться сам и учится пользоваться поиском и читать то, что написано на главных страницах и в мануалах!!!!! И со временем он понимает что читать его учили не только для того чтобы читать анекдоты и надписи на упаковках!

[kiD]

Если пользователь не додумался воспользоваться поиском или уж до него не снизошло в первую очередь посмотреть на главной странице сайта про аргументы стиля bacground. То ДА!!!! Стоит дерзить и даже очень стоит, ибо почувствовав что ему не на кого положиться, и что с такими вопросами кроме дерзости он ничего не получает, пользователь "новичек" начинает шевелиться сам и учится пользоваться поиском и читать то, что написано на главных страницах и в мануалах!!!!! И со временем он понимает что читать его учили не только для того чтобы читать анекдоты и надписи на упаковках!

2 Dimitry Wolotko, вам бы не помешало заучить ()а лучше понять() эту ОСНОВУ воспитания успеха.

2Fu-tai, спасибо!

[klierik]

Если пользователь не додумался воспользоваться поиском или уж до него не снизошло в первую очередь посмотреть на главной странице сайта про аргументы стиля bacground.

я смотрел свойства и так же пользовался поиском но ничего не нашел.

возможно я не достаточно хорошо выразился...

repeat - здесь не подойдет так как он "повторяет" изображение а надо что б изображение "растянулось"

по всей видимости для решения данной проблемы, прийдеться вставлять изображение и ставить ему width="100%" - за счет етого изображение будет тянуться на всю ширину ячейки.

а потом поднимать текст на высоту етого изображения.

зы: 2kiD, я вполне солидарен с Вашим предложением воспользоваться поиском, но, как правило, такие посты "подчеркиваруют" линком на топ, где данный вопрос уже рассмыстривался

[Fed]

ну вырежете картинку размером 1600*1200,вставьте е? как background. если разрешение монитора меньше - она ужм?тся

[Dimitry Wolotko]

А весить это все будет ппц.

kiD, я и другими способами справляюсь.

[kiD]

зы: 2kiD, я вполне солидарен с Вашим предложением воспользоваться поиском, но, как правило, такие посты "подчеркиваруют" линком на топ, где данный вопрос уже рассмыстривался

вам следует представить обьем постов что "подчеркивать" линками придется мне... перспектива не из солнечного света ибо новичков на этом форуме... меньше не становится)

[klierik]

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

XHTML 1.0 Transitional

<table style="background:#00f; padding:0px; border-collapse:collapse; border:0px solid #fff;">
 <tr>
 <td style="font-size:0px; padding:0px;">
 <img src="images/partslot.jpg" alt="" style="width:100%; height:43px;" /><!-- back image -->
 <div class="events" style="position:relative; margin-top:-43px;"><!-- text block -->
 <div style="font:12px tahoma;">Пример растягивания фоннового изображения на ширину текста</div>
 </div>
 </td>
 </tr>
</table>

[Fu-tai]

Ха-ха-ха-ха-ха ! Это не бэкграунд имадж width:100% , это просто имадж width:100%. вставленный в ячейку таблицы и потом наложенным на нее блоком с отрицательным позиционированием! Це маразматичное решение!

[klierik]

не обязательно так реагировать

дело в том что по другому решить альтернативную задачу через бекграунд просто нельзя.

по-этому для решения поставленой задачи пришлось так "извращаться"