Я пришла к выводу, что проще спросить, чем мучаться дальше... читаю-читаю, но не могу найти ответ...

Текущий дизайн у меня в дневнике.

Что мне нехватает для счастья:

1. Зафиксировать меню слева сбоку но с условием, что блок записей не будет наезжать на рисунки сверху... там экстартоп (пустой, но я думаю туда переместить название дневника и два блока в которых именно и расположены рисунки. Рисунки переместить не могу иначе они так не примыкают к краю экрана)

2. После этого я хочу справа от блока записей расметить рисунок... лежащую ручку.

3. Когда разберусь с этим, под меню с лева надо будет подставить картинку... тут вопрос - ладно мне видно меньшее количество ссылок, но гостям? У них же добавляются ссылки - я боюсь, что из за этого на небольшом экране меню будет длиннее и появится скролбар вниз... могу максимально почистить свои ссылки, что б для ихних осталось место. Но как расчитать длинну рисунка? что б хватило... или можно как то прописать колонку ссылок с фоном в виде необходимого рисунка (это будет лист бумаги) - но тогда верху колонки надо будет сделать шапочку... типа куска листа со скрепкой...

Все необходимые рисунки выложила в альбом (ручка нарисована схематически=))))

4. После этого остается блок с записями... можно сделать ему фон? В Альбоме есть заготовка - белый рисунок для фона... я потом его заменю на рисунок под лист бумаги. Его можно замостить как фон записей и фон комментариев и вообще фон всего блока?

Вот что у меня сейчас в коде:

#myLinks, #thisDiaryPhoto, #YaSearch, #lastComments, #pchs, #randomDiaryLink, #postsCalendar, #rssLink, #tagslistlink, #upInChart, #albumLink, #myProfileLink, #discussionLink, #faqLink { display:none; }
#add_block1 { background:url('/userdir/5/4/9/6/549613/41907659.jpg' ); height:242 left:0 position:absolute; top:0; width:436 z-index:-1; }
#add_block2 { background:url('/userdir/5/4/9/6/549613/41907668.png' ); height:178 position:absolute; right:0; top:0; width:694 z-index:-1; }
#extratop { height:242 position:relative; top: 10 width:100%; z-index:10;}
#wrapper{min-width:870px!important;width:870margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#side{width:180px !important;margin:0 !important}
#page-c{width:680px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}

ПС: я новичок, знаю неплохо HTML, а в CSS пока только разбираюсь... очень надеюсь на вашу помощь...