Поддержка Вид

LiveInternetLiveInternet

сменить

Авось из (+ сутки) дневников

Бакграунд в виде картинки, фиксированный относительно окна просмотра и...

+ в цитатник

Cообщение скрыто для удобства комментирования.
Прочитать сообщение

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] 2 [Новые]

Infant_terrible обратиться по имени Среда, 08 Июня 2005 г. 18:10 (ссылка)

community_coding:
...растянутый на окно просмотра.
Какие можете предложить варианты реализации?
VictorT

ну дык, если вопрос насчет HTML, то RTFM по CSS :)

Ответить С цитатой В цитатник

VictorT обратиться по имени Среда, 08 Июня 2005 г. 18:29 (ссылка)

Исходное сообщение Infant_terrible
ну дык, если вопрос насчет HTML, то RTFM по CSS :)

RTFM, естественно, смотрел ;)
Вот вариант почти того, что я хочу, с тем отличием, что фон не растянут на всё окно просмотра:

<style type=text/css>
body {
background-image: url("images/back.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}
</style>

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

Ответить С цитатой В цитатник

Infant_terrible обратиться по имени Среда, 08 Июня 2005 г. 18:38 (ссылка)

с дивками вообще не советую. они в разных браузерах и даже в разных версиях осла по-разному смотрятся. я в свое время с ними попарился...

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Среда, 08 Июня 2005 г. 22:31 (ссылка)

А вообще попробуй задать тот же вопрос в

web_development.
А что собственно мешает сделать разные фоновые картинки для разных разрешений. JS у тебя определит разрешение и пропишет стиль (картинку, которую подгружать надо).

Ответить С цитатой В цитатник

Ineradicable_Evil обратиться по имени Среда, 08 Июня 2005 г. 23:26 (ссылка)

Чисто теоретически. JavaScript код. И слой. Слой вниз. Скрипт определяет размер окна и соответственно под него задаёт ширину и высоту картинки. А так... Лучше используй картинку, которой можно фон замостить как мозайкой.

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 09 Июня 2005 г. 10:04 (ссылка)

Исходное сообщение Kristinka_nobody
А вообще попробуй задать тот же вопрос в web_development.
А что собственно мешает сделать разные фоновые картинки для разных разрешений.

А так же для разных размеров окна броузера...

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 09 Июня 2005 г. 10:06 (ссылка)

Ineradicable_Evil, А со скроллингом что?

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 09 Июня 2005 г. 11:23 (ссылка)

Попробовал вот так:
<script language="javascript">
function coord(){
var el=document.getElementById('back');
var pY=document.documentElement.scrollTop||document.body.scrollTop;
el.style.top=pY+'px';
}
</script>
</head>
<body onscroll="coord()">
<img src="images/back.gif" style="position:absolute; top:0px, left:0px; width:100%; height: 100%;" id=back>
но при этом при скроллинге немного дёргается фон.

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Бакграунд в виде картинки, фиксированный относительно окна просмотра и... Четверг, 09 Июня 2005 г. 15:50 (ссылка)

А как же для разных размеров окна браузера...

Это глупо. Подумай, если ты делаешь логотип компании, который должен быть виден постоянно и полностью, то он ведь не при всяком соотношении сторон окна будет выглядеть одинаково! Представь лого, который сделан для соотношения 4:3. А теперь окошко со сторонами 2:5. И что это получится? Лучше вообще сделать одну картинку для разных разрешения, а там уж как браузер будет выглядеть тебе по барабану. Уж лучше пусть не для каждого окна, но для основных будет, чем для каждого, но кривая. Тут тебе только сплошная заливка подойдёт для всех размеров окон. А она реализуется через background-color. Но я не думаю, что это тебя устроит...

LI 3.9.25

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 09 Июня 2005 г. 15:54 (ссылка)

Исходное сообщение Kristinka_nobody
Это глупо.

Что именно глупо?

логотип

При чём тут логотип?

Ответить С цитатой В цитатник

Infant_terrible обратиться по имени Четверг, 09 Июня 2005 г. 15:58 (ссылка)

VictorT:
При чём тут логотип?

так ты объясни, что ты хочешь сделать. конкретно.

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 09 Июня 2005 г. 16:06 (ссылка)

Infant_terrible, А что непонятного и неконкректного? Всё конкретно, нуже бакграунд в виде картинки, фиксированный относительно окна просмотра и растянутый на окно просмотра.
И я это уже написал выше.
И выше уже привёл свой вариант решения, но у него есть недостаток, что при скроллинге дергается фон.
Посмотри мой вариант решения в действии, может, тогда поймёшь.

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Бакграунд в виде картинки, фиксированный относительно окна просмотра и... Четверг, 09 Июня 2005 г. 16:12 (ссылка)

Исходное сообщение VictorT: Исходное сообщение Kristinka_nobody
Это глупо.

Что именно глупо?

логотип

При чём тут логотип?

Действительно. Объясни конкретно. Ты картинку покажи, что ли. А то может у тебя там действительно такая, что ей всё равно, в какой пропорции будут отображаться её стороны.

LI 3.9.25

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 09 Июня 2005 г. 16:23 (ссылка)

Исходное сообщение Kristinka_nobody
А то может у тебя там действительно такая, что ей всё равно, в какой пропорции будут отображаться её стороны.

Я же в топике написал, что должна быть растянута на окно просмотра. Разве из этого не следует ответ на этот вопрос?

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Бакграунд в виде картинки, фиксированный относительно окна просмотра и... Четверг, 09 Июня 2005 г. 16:27 (ссылка)

Нет. Из этого может следовать:
1. Такую картинку можно нарисовать, чтобы при стыке не было видно границ.
2. Ты плохой дизайнер, если любую картинку растягиваешь (без обид. Это предположение)

LI 3.9.25

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 09 Июня 2005 г. 16:35 (ссылка)

Исходное сообщение Kristinka_nobody
[QUOTE]1. Такую картинку можно нарисовать, чтобы при стыке не было видно границ.

Кто бы спорил. Можно. Но я то задал вопрос не об этом.

2. Ты плохой дизайнер, если любую картинку растягиваешь (без обид. Это предположение)

Вообще-то я не дизайнер. :P
А логики в этой фразе не вижу (нелогичная предпосылка, нелогичный вывод).

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Бакграунд в виде картинки, фиксированный относительно окна просмотра и... Четверг, 09 Июня 2005 г. 17:00 (ссылка)

Ну если ты неспособен понять мою логику это не значит, что это НЕлогика.

LI 3.9.25

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 09 Июня 2005 г. 17:42 (ссылка)

Исходное сообщение Kristinka_nobody
Ну если ты неспособен понять мою логику это не значит, что это НЕлогика.

Логические выводы можно логически обьяснить, если они конечно логические, а не интуитивные ;)

Ответить С цитатой В цитатник

Infant_terrible обратиться по имени Четверг, 09 Июня 2005 г. 17:46 (ссылка)

хорош оффтопить))

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Бакграунд в виде картинки, фиксированный относительно окна просмотра и... Четверг, 09 Июня 2005 г. 17:48 (ссылка)

Попытаюсь ТЕБЕ объяснить:
Ты не хочешь показать саму картинку. И даже не хочешь примерно её описать. Значит ты либо стесняешься её (т.е. считаешь, что она недостойна), либо признаёшь, что действительно стоит отказаться от идеи и все мы, кто обсуждал эту тему, оказались правы. Но ты продолжаешь обсуждение, т.к.:
1. ты хочешь довести это дело до конца (ну там изучить js поглубже, понять принцип, etc)
2. ты не хочешь признать перед другими свою слабость.
Я могу объяснить это только так. И я могу ошибаться. Однако, если ты напишешь, что это бред, и не приведёшь своего объяснения, то, значит, я права.

LI 3.9.25

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 09 Июня 2005 г. 18:08 (ссылка)

Исходное сообщение Infant_terrible
хорош оффтопить))

Оффтоп начался с того, что мне предлагают не решение моего конкретного вопроса, а предлагают другие пути. Другие пути я и так вижу, и буду определятся с ними, если не удастся этим.

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Бакграунд в виде картинки, фиксированный относительно окна просмотра и... Четверг, 09 Июня 2005 г. 18:11 (ссылка)

Игнор мнения приравнен к моей правоте.

LI 3.9.25

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 09 Июня 2005 г. 18:33 (ссылка)

Исходное сообщение Kristinka_nobody
Попытаюсь ТЕБЕ объяснить:
Ты не хочешь показать саму картинку. И даже не хочешь примерно её описать.

Картинку я показать могу, только не понимаю, зачем, потому как в сабжевом вопросе идёт речь о том, как растянуть ЛЮБУЮ (неважно какую) картинку на область просмотра. Но раз уж вы считаете, что после того, как я покажу, вы мне сразу выдадите готовый рецепт, то ОК, счас покажу ;)

Значит ты либо стесняешься её (т.е. считаешь, что она недостойна)

А чего мне стесняться? Я уже сказал. Я не дизайнер.

либо признаёшь, что действительно стоит отказаться от идеи

Разве топик о том, отказываться или нет? Топик о том, как реализовать.

и все мы, кто обсуждал эту тему, оказались правы.

Правы в чём? Что надо забить на это?

1. ты хочешь довести это дело до конца (ну там изучить js поглубже, понять принцип, etc)

Ну это как бы естественно, иначе зачем было начинать ;)

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

Какую именно слабость? В чём слабость?

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Бакграунд в виде картинки, фиксированный относительно окна просмотра и... Четверг, 09 Июня 2005 г. 18:37 (ссылка)

Достойный ответ. Уважаю.

LI 3.9.25

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 09 Июня 2005 г. 18:41 (ссылка)

Исходное сообщение Kristinka_nobody
Игнор мнения приравнен к моей правоте.

Правоте в чём?

Вот вам картинка для примера:
http://rimit.com.ua/temp/test.html
Теперь, я судя по вашим словам, вы мне можете выдать готовый рецепт, т.к. увидели картинку?

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Бакграунд в виде картинки, фиксированный относительно окна просмотра и... Четверг, 09 Июня 2005 г. 18:50 (ссылка)

Готовый рецепт:
Эту картинку не стоит делать под разные размеры окна, т.к. теряются пропорции и выглядит это страшненько. Сам посмотри. Окошко, скажем 1024х768, 1024х300 и 300x768. По-моему - ужасно.

LI 3.9.25

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 09 Июня 2005 г. 19:01 (ссылка)

Опять 25. Я им про веб-кодинг, они мне про дизайн.
А рецепт просто замечательный. Я спрашиваю, КАК сделать. Мне говорят - НЕ ДЕЛАТЬ.

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Бакграунд в виде картинки, фиксированный относительно окна просмотра и... Четверг, 09 Июня 2005 г. 19:06 (ссылка)

Вот такие мы противные :):):)
Ты меня не слушай тогда. Скажи: Кристя, не пиши всякую h****

LI 3.9.25

Ответить С цитатой В цитатник

Infant_terrible обратиться по имени Четверг, 09 Июня 2005 г. 21:17 (ссылка)

если нужно именно эту картинку и именно непропорционально растягивать вместе с размерами окна, то кроме DIV-ов я ничего и не вижу, честно говоря.

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 09 Июня 2005 г. 22:02 (ссылка)

Исходное сообщение Infant_terrible
если нужно именно эту картинку

Да блин, не именно это картинку, а вообще.

и именно непропорционально растягивать вместе с размерами окна, то кроме DIV-ов я ничего и не вижу, честно говоря.

Да вот так и пытаюсь, но пока у найденного мной способа есть недостаток - фон дёргается при прокрутке.

Ответить С цитатой В цитатник

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] 2 [Новые]

LiveInternet

О проекте