Бакграунд в виде картинки, фиксированный относительно окна просмотра и...
08-06-2005 17:43
к комментариям - к полной версии
- понравилось!
вверх^
к полной версии
понравилось!
в evernote
Комментарии (34):
вперёд»
Infant_terrible
08-06-2005-18:10
удалить
community_coding:
...растянутый на окно просмотра.
Какие можете предложить варианты реализации?
VictorT
ну дык, если вопрос насчет HTML, то RTFM по CSS :)
Исходное сообщение 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-06-2005-18:38
удалить
с дивками вообще не советую. они в разных браузерах и даже в разных версиях осла по-разному смотрятся. я в свое время с ними попарился...
Kristinka_nobody
08-06-2005-22:31
удалить
А вообще попробуй задать тот же вопрос в web_development.
А что собственно мешает сделать разные фоновые картинки для разных разрешений. JS у тебя определит разрешение и пропишет стиль (картинку, которую подгружать надо).
А что собственно мешает сделать разные фоновые картинки для разных разрешений. JS у тебя определит разрешение и пропишет стиль (картинку, которую подгружать надо).
Ineradicable_Evil
08-06-2005-23:26
удалить
Чисто теоретически. JavaScript код. И слой. Слой вниз. Скрипт определяет размер окна и соответственно под него задаёт ширину и высоту картинки. А так... Лучше используй картинку, которой можно фон замостить как мозайкой.
Исходное сообщение Kristinka_nobody
А вообще попробуй задать тот же вопрос в web_development.
А что собственно мешает сделать разные фоновые картинки для разных разрешений.
А так же для разных размеров окна броузера...
Ineradicable_Evil, А со скроллингом что?
Попробовал вот так:
<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>
но при этом при скроллинге немного дёргается фон.
<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
09-06-2005-15:50
удалить
А как же для разных размеров окна браузера...
Это глупо. Подумай, если ты делаешь логотип компании, который должен быть виден постоянно и полностью, то он ведь не при всяком соотношении сторон окна будет выглядеть одинаково! Представь лого, который сделан для соотношения 4:3. А теперь окошко со сторонами 2:5. И что это получится? Лучше вообще сделать одну картинку для разных разрешения, а там уж как браузер будет выглядеть тебе по барабану. Уж лучше пусть не для каждого окна, но для основных будет, чем для каждого, но кривая. Тут тебе только сплошная заливка подойдёт для всех размеров окон. А она реализуется через background-color. Но я не думаю, что это тебя устроит...
Исходное сообщение Kristinka_nobody
Это глупо.
Что именно глупо?
логотип
При чём тут логотип?
Infant_terrible
09-06-2005-15:58
удалить
VictorT:
При чём тут логотип?
так ты объясни, что ты хочешь сделать. конкретно.
Infant_terrible, А что непонятного и неконкректного? Всё конкретно, нуже бакграунд в виде картинки, фиксированный относительно окна просмотра и растянутый на окно просмотра.
И я это уже написал выше.
И выше уже привёл свой вариант решения, но у него есть недостаток, что при скроллинге дергается фон.
Посмотри мой вариант решения в действии, может, тогда поймёшь.
И я это уже написал выше.
И выше уже привёл свой вариант решения, но у него есть недостаток, что при скроллинге дергается фон.
Посмотри мой вариант решения в действии, может, тогда поймёшь.
Kristinka_nobody
09-06-2005-16:12
удалить
Исходное сообщение VictorT:Исходное сообщение Kristinka_nobody
Это глупо.
Что именно глупо?
логотип
При чём тут логотип?
Действительно. Объясни конкретно. Ты картинку покажи, что ли. А то может у тебя там действительно такая, что ей всё равно, в какой пропорции будут отображаться её стороны.
Исходное сообщение Kristinka_nobody
А то может у тебя там действительно такая, что ей всё равно, в какой пропорции будут отображаться её стороны.
Я же в топике написал, что должна быть растянута на окно просмотра. Разве из этого не следует ответ на этот вопрос?
Kristinka_nobody
09-06-2005-16:27
удалить
Нет. Из этого может следовать:
1. Такую картинку можно нарисовать, чтобы при стыке не было видно границ.
2. Ты плохой дизайнер, если любую картинку растягиваешь (без обид. Это предположение)
LI 3.9.25
1. Такую картинку можно нарисовать, чтобы при стыке не было видно границ.
2. Ты плохой дизайнер, если любую картинку растягиваешь (без обид. Это предположение)
Исходное сообщение Kristinka_nobody
[QUOTE]1. Такую картинку можно нарисовать, чтобы при стыке не было видно границ.
Кто бы спорил. Можно. Но я то задал вопрос не об этом.
2. Ты плохой дизайнер, если любую картинку растягиваешь (без обид. Это предположение)
Вообще-то я не дизайнер. :P
А логики в этой фразе не вижу (нелогичная предпосылка, нелогичный вывод).
Kristinka_nobody
09-06-2005-17:00
удалить
Исходное сообщение Kristinka_nobody
Ну если ты неспособен понять мою логику это не значит, что это НЕлогика.
Логические выводы можно логически обьяснить, если они конечно логические, а не интуитивные ;)
Kristinka_nobody
09-06-2005-17:48
удалить
Попытаюсь ТЕБЕ объяснить:
Ты не хочешь показать саму картинку. И даже не хочешь примерно её описать. Значит ты либо стесняешься её (т.е. считаешь, что она недостойна), либо признаёшь, что действительно стоит отказаться от идеи и все мы, кто обсуждал эту тему, оказались правы. Но ты продолжаешь обсуждение, т.к.:
1. ты хочешь довести это дело до конца (ну там изучить js поглубже, понять принцип, etc)
2. ты не хочешь признать перед другими свою слабость.
Я могу объяснить это только так. И я могу ошибаться. Однако, если ты напишешь, что это бред, и не приведёшь своего объяснения, то, значит, я права.
LI 3.9.25
Ты не хочешь показать саму картинку. И даже не хочешь примерно её описать. Значит ты либо стесняешься её (т.е. считаешь, что она недостойна), либо признаёшь, что действительно стоит отказаться от идеи и все мы, кто обсуждал эту тему, оказались правы. Но ты продолжаешь обсуждение, т.к.:
1. ты хочешь довести это дело до конца (ну там изучить js поглубже, понять принцип, etc)
2. ты не хочешь признать перед другими свою слабость.
Я могу объяснить это только так. И я могу ошибаться. Однако, если ты напишешь, что это бред, и не приведёшь своего объяснения, то, значит, я права.
Исходное сообщение Infant_terrible
хорош оффтопить))
Оффтоп начался с того, что мне предлагают не решение моего конкретного вопроса, а предлагают другие пути. Другие пути я и так вижу, и буду определятся с ними, если не удастся этим.
Kristinka_nobody
09-06-2005-18:11
удалить
Исходное сообщение Kristinka_nobody
Попытаюсь ТЕБЕ объяснить:
Ты не хочешь показать саму картинку. И даже не хочешь примерно её описать.
Картинку я показать могу, только не понимаю, зачем, потому как в сабжевом вопросе идёт речь о том, как растянуть ЛЮБУЮ (неважно какую) картинку на область просмотра. Но раз уж вы считаете, что после того, как я покажу, вы мне сразу выдадите готовый рецепт, то ОК, счас покажу ;)
Значит ты либо стесняешься её (т.е. считаешь, что она недостойна)
А чего мне стесняться? Я уже сказал. Я не дизайнер.
либо признаёшь, что действительно стоит отказаться от идеи
Разве топик о том, отказываться или нет? Топик о том, как реализовать.
и все мы, кто обсуждал эту тему, оказались правы.
Правы в чём? Что надо забить на это?
1. ты хочешь довести это дело до конца (ну там изучить js поглубже, понять принцип, etc)
Ну это как бы естественно, иначе зачем было начинать ;)
2. ты не хочешь признать перед другими свою слабость.
Какую именно слабость? В чём слабость?
Kristinka_nobody
09-06-2005-18:37
удалить
Исходное сообщение Kristinka_nobody
Игнор мнения приравнен к моей правоте.
Правоте в чём?
Вот вам картинка для примера:
http://rimit.com.ua/temp/test.html
Теперь, я судя по вашим словам, вы мне можете выдать готовый рецепт, т.к. увидели картинку?
Kristinka_nobody
09-06-2005-18:50
удалить
Готовый рецепт:
Эту картинку не стоит делать под разные размеры окна, т.к. теряются пропорции и выглядит это страшненько. Сам посмотри. Окошко, скажем 1024х768, 1024х300 и 300x768. По-моему - ужасно.
LI 3.9.25
Эту картинку не стоит делать под разные размеры окна, т.к. теряются пропорции и выглядит это страшненько. Сам посмотри. Окошко, скажем 1024х768, 1024х300 и 300x768. По-моему - ужасно.
Опять 25. Я им про веб-кодинг, они мне про дизайн.
А рецепт просто замечательный. Я спрашиваю, КАК сделать. Мне говорят - НЕ ДЕЛАТЬ.
А рецепт просто замечательный. Я спрашиваю, КАК сделать. Мне говорят - НЕ ДЕЛАТЬ.
Kristinka_nobody
09-06-2005-19:06
удалить
Вот такие мы противные :):):)
Ты меня не слушай тогда. Скажи: Кристя, не пиши всякую h****
LI 3.9.25
Ты меня не слушай тогда. Скажи: Кристя, не пиши всякую h****
Infant_terrible
09-06-2005-21:17
удалить
если нужно именно эту картинку и именно непропорционально растягивать вместе с размерами окна, то кроме DIV-ов я ничего и не вижу, честно говоря.
Исходное сообщение Infant_terrible
если нужно именно эту картинку
Да блин, не именно это картинку, а вообще.
и именно непропорционально растягивать вместе с размерами окна, то кроме DIV-ов я ничего и не вижу, честно говоря.
Да вот так и пытаюсь, но пока у найденного мной способа есть недостаток - фон дёргается при прокрутке.
Вы сейчас не можете прокомментировать это сообщение.
Дневник Бакграунд в виде картинки, фиксированный относительно окна просмотра и... | community_coding - Сообщество программистов |
Лента друзей community_coding
/ Полная версия
Добавить в друзья
Страницы:
раньше»