Форум

Артем125 · #1 (**permalink**) 31.05.2010, 15:43

Всем привет,

Есть фотография. ЕЕ хочу сделать фоном для шапки сайта.

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

Как это делается, версткой ли, или java подскажите, пожалуйста

trikadin · #2 (**permalink**) 31.05.2010, 21:20

Вёрсткой. HTML.

<html>
<head>
</head>
<body>
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" width="100%">
</body>
</html>

Например. Только это некрасиво выглядеть будет...

Артем125 · #3 (**permalink**) 31.05.2010, 22:57

да, эффект то что нужен.

А как мне это в фоне для ячейки сделать?

может в style?

<td width="250" align="center" valign="bottom"  style="background-image: url(1111.gif);
background-repeat:no-repeat; width:100%; height:63"  >

trikadin · #4 (**permalink**) 31.05.2010, 23:05

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

trikadin · #5 (**permalink**) 31.05.2010, 23:07

Полезные ссылки. Правда, почитай:

http://stepbystep.htmlbook.ru/

особенно вот это

http://stepbystep.htmlbook.ru/?id=43

Артем125 · #6 (**permalink**) 31.05.2010, 23:10

Спасибо, ценный ресурс, но не успеваю сейчас все прочесть, если можно, подскажите, как сделать это фоном. Сейчас получается активная фотография. Потому фоном, что поверх нее будут еще фото

trikadin · #7 (**permalink**) 31.05.2010, 23:58

Слушай, знаешь, я бы не посоветовал тебе так делать, честно, при больших разрешениях у тебя фотка квадратиками пойдёт, а ещё есть вариант, что её сожмёт так, что выглядеть она будет ужасно. Например, вот так:

<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif"  width="200" height="300">

trikadin · #8 (**permalink**) 31.05.2010, 23:58

Но чисто из интереса подумаю...

Артем125 · #9 (**permalink**) 01.06.2010, 09:36

для FF: -moz-background-size
Опера: -o-background-size
Хром и Сафари: -webkit-background-size
IE изварата не поймет

А есть какие то способы Ie извращенца заставить воспринимать разширение?

или только программно, например js скрипт сначала определяет что за браузер и в зависимости от результата формирует код?

Форум

Справочник

Discord чат

Курсы javascript