как делается растяжка сверху

[psywalker]

Подскажите ламеру, как делается растяжка на этом сайте, сверху две полоски , справо и слева синие...

http://inetchange.com/

Каким способом вообще делаются такие вещи?

[Vlad]

Фоновая картинка используется, поверх кладется слой с рисунком.

Вот этот рисунок в качестве фона применяется.

http://inetchange.com/images/bg_header_rht.gif

[Victor Ananiev]

Только у меня верстка едет?

[klierik]

Фоновая картинка используется, поверх кладется слой с рисунком.

Вот этот рисунок в качестве фона применяется.

http://inetchange.com/images/bg_header_rht.gif

ам.. а подробнее... а то не совсем понятно....

2Victor Ananiev

не только )

[Victor Ananiev]

ну справа блок с repeat-x и слева, вот и тянется)

[psywalker]

Vlad

Извиняюсь, а можно поподробнее

Victor Ananiev

ну справа блок с repeat-x и слева, вот и тянется)

хотелось бы послушать Влада

[Vlad]

Для верхней горизонтальной линии используется два фона. Левая линия применяется к блоку с именем top_left и для него используется картинка такая /images/bg_header_lft.gif. Сам блок накладывается с абсолютным позиционированием, ширина его 50%.

Линия справа применяется к body - /images/bg_header_rht.gif с отступом сверху 93px. Т.к. body по умолчанию всегда внизу в z-стеке, то картинка слева перекрывает картинку справа. Все фоновые картинки линий, естественно, повторяются по горизонтали.

Сверху этого безобразия кладется container фиксированной ширины.

Короче, ничего сложного, можно все через стили посмотреть.

На liondesert.ru, кстати, задачка интереснее. В подвале, если приглядеться, трава в разные стороны торчит - одновременно влево, вверх и вправо. Три разных способа было придумано, как такое реализовать. Какой из них оптимальнее, так и непонятно. У меня даже мысль была, организовать небольшой конкурс - решить несколько задач на верстку подобного типа.

[psywalker]

Vlad

Спасибо за разъяснение, а можно полюбопытствовать всё же, какие это Три способа( Насчёт травы http://liondesert.ru/ ) ? Очень заинтересовало, поймите

[Victor Ananiev]

я бы создал 2 картинки типу картинка-2отступ и отступ-картинка 3отступ-картинка и потом сделал бы их фоном с repeat-x; все вроде, главное чот бы отступы совпадали с противоположными картинками)) 1 2 3 отступ это соотношение)

А можно просто картинка1-картинка2-картинка3 и замостить)

А то что я там увидел, там просто оч широкая картинка с no-repeat; и льва туда же засунули)))

Edited February 10, 2009 by Victor Ananiev

[s0rr0w]

На liondesert.ru, кстати, задачка интереснее. В подвале, если приглядеться, трава в разные стороны торчит - одновременно влево, вверх и вправо. Три разных способа было придумано, как такое реализовать. Какой из них оптимальнее, так и непонятно. У меня даже мысль была, организовать небольшой конкурс - решить несколько задач на верстку подобного типа.

Там всего один оптимальный способ Все остальные являются извращениями.

[Vlad]

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

[s0rr0w]

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

А зачем?

[Vlad]

Подвал не я верстал, а девушка, она и пробовала по разному, а я только отнекивался.