Динамическая страница - как сделать на div элементы оформления

Всем привет!
Я делаю сайт посвященный 3д графике, у возникла проблема со страницей уроков. Я делаю сайт с помощью div, на первой картинке видно как я примерно распередил div-блоки - выделены желтым цветом (синие поля справа и слево это будущий фон вокруг сайта - сайт будет фиксированный 1024 в ширину, т.е. синие блоки в div-форматирование не входят).
Но у основного блока WorkArea вверху и внизу я сделал небольшие элементы оформления - в техно-стиле.

1) Как их вообще сделать? То есть как прикрепить эти рисунки к углам WorkArea?


2) В правом нижнем углу техно-элемент заходит на угол WorkArea - показано красной стрелкой - как его сделать поверх рабочей области?

3) На картинке 3 показано расстояние между элементами при фиксированной высоте странице (показано справо)

но в дальнейшем на страницу будут добавляться уроки, и она будет увеличиваться в высоту - как при это сделать чтобы техно-элементы оставались жестко прикрепленными к верхним и нижним углам - то есть как на картинке 4 - страница большая, а техно-элементы где были.




Спасибо.

Миниатюры

     

 

0

Eugene-N, ты сам в своих скриных что то видишь ? ^^

Расширенный режим > Вложение
и прикрепляй нормально скрины)

Добавлено через 13 минут

Сообщение от Eugene-N Как их вообще сделать? То есть как прикрепить эти рисунки к углам WorkArea?

Так они у тебя же прикреплены, что именно не нравится ?

Сообщение от Eugene-N В правом нижнем углу техно-элемент заходит на угол WorkArea - показано красной стрелкой - как его сделать поверх рабочей области?

WorkArea присваиваешь а техно-элементу своему

0

Они не прикреплены. Это просто картинка.
Центральная область - WorkArea - серая на картинке 1 - техно-элементы к ней никак не привязаны. Div-блок это прямоугольник (ну вроде бы так), то есть если посмотреть на картинки 2 и 3, то серый прямоугольник шириной 900px это и есть WorkArea, а по бокам еще две узкие полосы, т.к. сайт шириной 1024, вот в них каким-то образом нужно вставить эти техно-элементы.
Если их сделать как два div-блока фиксированной ширины, то я думаю это должно выглядеть как на картинке 3:
внутри div блока помещаются ссылки на картинки (условно обозначаем их как элемент 1 и элемент 2), и делается привязка к верхнему и нижнему левому углам (для левого блока), ну и так-же для правого.
Только я не знаю какие для этого нужны теги и как их правильно прописывать. Ну а для регулировки положения поверх WorkArea (для нижнего правого элемента) тот тег который вы указали - z-index

Если только все это не слишком сложно, я подумал, может проще будет сделать так - просто порезать WorkArea на три части - верх и низ сделать статическими картинками, а центральную часть прямоугольником. Единственный вопрос - можно ли поместить поверх статической картинки div-блоки с информацией (текстом и другими картинками) - как на рисунке 5?

Миниатюры

     

   

0