bob_24

Спасибо, конечно. Но я z-index у первого блока не шутки же ради написал, а вы так вязли его и убрали...

Привет! У меня такая проблема - ни как не могу вытащить на верх ссылку из под выше лежащего блока. http://jsfiddle.net/8huMu/ Как видно есть два дива, в первом есть какой-то элемент, например ссылка. Второй блок немного поднят вверх и перекрывает первый. Мне нужно что бы второй перекрывал первый как сейчас, но что бы ссылка (черный блок) была поверх всех блоков. Спасибо

Avalon4eg, Будут. Ладно, может кто понимающий ответит, для кого вопрос понятен и не потребует объяснения на пальцах.

Господа, причем тут вообще гиф? Каким образом он будет тут весить легче чем джипег? Вопрос был совсем о другом. Подобного рода картинка будет весить в png-24 - ~800кб png-8 - ~500кб gif - ~550кб jpeg - ~250кб Может что-то еще можно оптимизировать но не думаю что эти сильно изменит ситуацию. Тем более там замороченный градиент и с 256 цветами смотрится убого. Еще сложность в том что все это будет ездить по вертикали. Поэтому с одним блоком было бы проще работать чем с блоком состоящим из нарезанных кусков.

На странице нужно разместить несколько таких блоков, заходящих друг на друга: Каждый из которых, сохраненный в пнг весит очень не мало. Хотелось бы грузить джипег, и либо вырезать нужную мне область или, что лучше, вырезать не нужные мне области, что бы они становились прозрачными. Можно ли как то это реализовать и если можно то как?

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

Скажите как делаются такие эффекты как, например, на сайте http://www.hyundai-veloster.eu/ ? Т.е. при скролле происходят какие то анимации. Спасибо

Теперь понял, спасибо.

разве $(function(){...}); не тоже самое? %) ablay2009, по-моему внизу самое место для таких вещей)

Ну я обычно пишу .... </script> $(function(){ .... }); </script> </body> так пойдет? или я чтото не уловил?)

Допустим, у меня есть на сайте несколько страниц. И на каждой из них прикручены свои плагины на jQuery, например. Например, на одной галерея, на другой табы, на третьей лайтбокс. Вопрос: нужно ли все эти инициализации писать в один внешний файл, и подключать к каждой странице, или нужно инициализировать каждый плагин на той странице где он применяется в конце html.

Если честно, то я что-то совсем забыл про то как делается треугольник и поэтому не учитывал невозможность добавить фон. Выходит, единственный способ сделать как надо возможен только тогда, когда однородный фон?

Ну смотря на сколько ты себе хочешь усложнить вечер)) Если фикс, то можно отрицательный 'y' для фона треугольника, а если не фикс?

По-моему у варианта Rash`a тоже есть проблемы с фоном)

Softlink ну лично мне подходит, то что я написал. Твой вариант не подходит, потому что, как ты написал, фон должен быть однородным. Но все равно спасибо. Можно наверное скрипт подключить, который бы брал высоту элемента и смещал фон у треугольника по y на минус эту высоту, но как то не очень это красиво.

Да, работает только с повторяющимся фоном. Вот такой сферический блок в вакууме. Но мне подходит. А как сделать что-то более сложно пока не знаю) А вообще да, было бы интересно знать как это сделать)))

вот, только не теугольник)) http://jsfiddle.net/jBbLL/ только не знаю, можно ли туда картинки добавлять

Только несколько проще. Сделал фон с запасом по ширине. Добавил псевдоэлемент (сделать его треугольником не сложно). И для обоих элементов задал фон с позицией 50% 0 Ну это при условии, что треугольник известной ширины и стоит по центру. А это мне и надо

Проблему решил

Первый раз слышу про background-position: fixed, может background-attachment: fixed? Но не совсем понимаю как оно мне поможет... Что из точных условий нужно указать? например ссылка, с display:block. Текст может быть короткий или длинный и соответственно блок меняет ширину, а треугольник всегда по центру снизу, но фон должен быть один и для прямоугольника и для треугольника.

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

Для ссылки задал inline-block, в ie7 - inline, zoom:1. И вот что получается в ie7: как видно нет нижнего подчеркивания у нижней строчки, и буква обрезана. Что это за ерунда такая?

ablay2009, спешл фо ю <div class="outer"> <div class="before"></div ><div class="inner"> Центрированный<br>блок </div> </div> .outer{ height:200px; border:1px solid black; text-align:center; } .before { display: inline-block; height: 100%; vertical-align: middle; } .inner { display: inline-block; vertical-align: middle; background:orange; } хотя если не нужна поддержка ие7, то вместо .before можно сделать .outer:before

Если размеры внешнего блока и внутреннего не известны то так http://jsfiddle.net/Nzza2/

Псевдо-элементы лучше картинок. Это очевидно. Но пришлось выбрать вариант с картинкой и map. Всем спасибо.