В свойства .left #page-c интегрируйте padding: 242px, а к свойствам #extratop добавьте top: npx и left: npx, где n — методом тыка подобранное число.

Должно быть счастье.

Defiler, спасибо за помощь.

Defiler, ммм. У меня не опустился дневник. Рисунок -то я пределила на место, а вот сам дневник..не выходит.

Да, я немного непонятно написал. Подумал, что Вы поэксперименируйте хорошенько (:

Тогда опускать вот так:

.left #page-c {width: 600px !important; padding: 0 !important; padding-top: 242px !important;}

Хотя мне кажется, что написано кривовато. Но попытка прописать один padding: 200 0 0 0px !important вместо двух лично у меня не дала результата. Попробуйте так, конечно; может быть получится?

Defiler, благодарна до глубины души. Огромное спасибо.

я наверно тормоз....но куда писать эти коды? что-то неполучается...скажите плиз

belka-mahmed, для этого надо перейти на платный сервиз, короче в эпике этого сообщества есть FAQ. Там всё написано

.left #page-c {width: 600px !important; padding: 0 !important; padding-top: 242px !important;}



а адресс картинки-то куда вставлять?))

— Папа, а "адрес" пишется с одной "с" или с двумя? — спрашивает кроха-сын у отца-программиста.

— Напиши URL и иди спать, — отвечает ему с дивана отец.



Если Вам нужна картинка вверху дневника, то прописывайте #extratop {background: url('адрес картинки') top right no-repeat; width: n px; height: n px;}, где n — ширина-высота картинки.

Если Вам нужна фоновая картинка для блока с записями, то пропишите #page-c {background: url('адрес картинки') repeat-y;}.

Если Вам нужно что-то другое — выразитесь точнее.



А .left #page-c {width: 600px !important; padding: 0 !important; padding-top: 242px !important;} — код для опускания блока записей на 242px вниз.

Defiler

это случайно получилось)



спасибо, теперь все ясно)

Defiler, а можно сдвинуть ее как-то в право? то есть, чтобы поместить ее сверху эпиграфа. а не за меню, как на скришноте.

Не могу не удержаться от мини-ехидства.

В какое право? Римское или англо-саксонское?



#extratop {background: url('адрес картинки') top right no-repeat; width: n px; height: n px; margin: 0px -20px 0px 0px}

Вместо выделенного подберите нужное Вам значение. Только минус не надо стирать.

Defiler, эм, см. скришнот. другими словами, я хотел бы отодвинуь ее от меню.



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

А код-то у Вас какой страшный. Копи-пастом работали?

Насчёт margin я погорячился: он двигает незафиксированную картинку. В случае зафиксированной (position: fixed) менять местоположение картинки надо при помощи параметров left, right, bottom и top. Это так, информация для общего развития %)



.left #page-c {width: 600px !important; padding: 0 !important; padding-top: a px !important;}

#extratop {background: url('') no-repeat; width: n px; height: a px; position: fixed; top: 10px; right: b px;}



Верхнюю строчку не надо копировать в конец пользовательского стиля. Надо просто добавить padding-top: a px !important; к свойствам .left #page-c, который расположен четвёртым от начала в окошке для CSS.

a — одинаковое число, равное высоте картинки в px

n — ширина картинки в px; лучше, если ширина не будет превышать 600px (ширина Вашего блока записей), иначе края картинки будут торчать по сторонам на манер ушей

b — в рх; определяет, насколько сдвинута картинка влево от правого края

top: 10px — судя по всему, это стандартный отступ от верха для всех дневников



И почистите код.



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