Растягивание фотографии
Всем привет,
Есть фотография. ЕЕ хочу сделать фоном для шапки сайта. Она должна автоматически растягиваться по горизонтали в зависимости от размеров браузера. Как это делается, версткой ли, или java подскажите, пожалуйста |
Вёрсткой. HTML.
<html> <head> </head> <body> <img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" width="100%"> </body> </html> Например. Только это некрасиво выглядеть будет... |
да, эффект то что нужен.
А как мне это в фоне для ячейки сделать? может в style? <td width="250" align="center" valign="bottom" style="background-image: url(1111.gif); background-repeat:no-repeat; width:100%; height:63" > |
<table celpadding="0" width="100%" border="1"><!--поля убрал--> <tr> <td width="100%"><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" width="100%"> </td> </tr> <tr> <td>Lorem ipsum dolor sit amet</td> </tr> </table> |
Полезные ссылки. Правда, почитай:
http://stepbystep.htmlbook.ru/ особенно вот это http://stepbystep.htmlbook.ru/?id=43 |
Спасибо, ценный ресурс, но не успеваю сейчас все прочесть, если можно, подскажите, как сделать это фоном. Сейчас получается активная фотография. Потому фоном, что поверх нее будут еще фото
|
Слушай, знаешь, я бы не посоветовал тебе так делать, честно, при больших разрешениях у тебя фотка квадратиками пойдёт, а ещё есть вариант, что её сожмёт так, что выглядеть она будет ужасно. Например, вот так:
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" width="200" height="300"> |
Но чисто из интереса подумаю...
|
для FF: -moz-background-size
Опера: -o-background-size Хром и Сафари: -webkit-background-size IE изварата не поймет А есть какие то способы Ie извращенца заставить воспринимать разширение? или только программно, например js скрипт сначала определяет что за браузер и в зависимости от результата формирует код? |
| Часовой пояс GMT +3, время: 14:46. |