1. #myDiaryLink a {...}

2. #epigraph, #post0 {padding-bottom: 0px !important;}
Мм?

3. .prevPostLink, .nextPostLink {display: none !important;}
Так тоже нет?
Извините, что кусками отвечаю.

4. Задайте так, наверное... #page-c {margin-left: 57px;}
У вас закрыт дневник, я не до конца понимаю, что вы хотите и что нужно двигать.

Лоример Уильямсон. спасибо большое (:
первое отлично подошло, все получилось!
2. это убирает полосу внизу, а нужно вот что убрать, подчеркнула зеленым. и там ниже прикрепила картинку с "правильной" головой Змея (так она выглядит, если вообще убрать фон из синглпоста):

3. так тоже нет, почему-то! может мы о разном говорим - я хочу убрать ссылки в комментах под записью...
4. пробовала, изменяется фон, а мне нужен отступ только для текста. вот скрин, видите, у меня там рамочка фигурная по краям. и на нее текст заходит не красиво...


я вам открыла доступ, если что... (:

А... о... по четвёртому - вам не нужно ничего двигать, вам надо просто правильно задать ширину блока с записями. Вообще, попробуйте фон поставить для #page-c и изменить ширину #page-t. Не двигая, просто проставить фон для первого и ширину для второго.

3. Гм, у меня работает... где подвох? Оо
А... вот, вы просто ставите всё подряд - это неправильно с точки зрения мировой гармонии.
.prevPostLink, .nextPostLink {display: none !important;} - это предпоследняя строчка.
.prevPostLink, .nextPostLink {display:none} - это где-то посередине.
.prevPostLink {display:none} - это опять-таки в середине кода.
Вы бы его причесали, м? Вдруг поможет, потому что у меня ссылки убираются без проблем

Лоример Уильямсон. не совсем вас понимаю (%
.prevPostLink {display:none} - это опять-таки в середине кода. в середине всего списка кодов чтоли? или между этими тремя пунктами?
Вы бы его причесали, м? кого? хотите сказать, что он места-положения отдельных кодов во всем списке - что-то меняется? 0.о
Кодинг эт точно не мое.... (%

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

У вас в коде (общий подразумевается) много раз прописано одно и то же, причём местами с разным синтаксисом, что неправильно. Лишнее нужно убрать.
Тык.body {margin:0; padding:0;}
#wrapper {background:url('/userdir/4/3/8/7/43873/45764237.jpg ') no-repeat top center; background-position: hight -50px !important; padding:0}
.left #body {margin-left:256px;}
#postsArea, #commentsArea {width:665px; position:relative; left: -13px;}
#postsArea {margin-top:-20px;}
.left #postsArea, #commentsArea {margin-left:100px;}
#YaSearch, #upInChart, #postsCalendar, #albumLink, #rssLink, #myQuotLink, #myStatLink, #photolibLink, allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #more_login, #tagslistlink, #headlineList, #comments, #subscribe, #addToQuote, #subscribeEmail, #upInChurt, #iAmQuit, #myLinksLink, #myProfileLink, #authorFav, #authorQuot, #authorLiks, #authorAlbum, #authorRSS, #writeToAuthor, #subscribeEmail, #addToFav, #allDiaryLink, #unsubscribeEmail, #myDraftLink, #optionsLink, #delFromFav {display:none}
#side h1 {display:none}
#side {margin-top:50px;}
#epigraph {background:url('/userdir/4/3/8/7/43873/45764234.jpg') background-position: hight -50px !important; }
#epigraph .singlePost {background:none}
#wrapper{position:relative;}
#epigraph .singlePost {background-image:none !important}
.order_button {display:none}
#addCommentArea_title, .formcontainer {margin-bottom:256px;}
#addCommentArea {margin-left: 10px !important;}
#addCommentArea {margin-right: 10px !important;}
.formcontainer{margin-left: 10px !important;}
.formcontainer{margin-right: 10px !important;}
.prevPostLink, .nextPostLink {display:none}
#sortFromBegin {display:none; !important;}
#sortFromEnd {display:none; !important;}
#sortFromLastComment {display:none !important;}
#extratop {height: 225px; background:url("secure.diary.space/userdir/4/3/8/7/43873/457642...") no-repeat bottom;}
#extratop {margin-left: 65px; !important;}
.prevPostLink {display:none}
#epigraph .singlePost .header {background:none !important}
.order_button {display:none; !important}
.singlePost .paragraph div:first-letter { padding: 3px !important; border: 2px solid #7d535d !important; font-size:10px; font-family:"CyrillicGoth"; float: none !important; margin: 0 !important; margin-right: 4px !important; color: #7d535d; font-weight: 900}
#authorName{ display:block !important; width:145px !important; height:56px !important; line-height:70px !important; overflow:hidden !important; background: url('/userdir/4/3/8/7/43873/45791000.gif') 2px 4px no-repeat !important;}
#authorName {margin-left: 160px !important;}
#authorName {margin-top: -25px !important;}
#lastComments {display:none}
#urlLink {display:none}
#myDiaryLinks {margin-left: 160px !important;}
#globalLinks {margin-left: 160px !important;}
#myDiaryLink a {display:block !important; width:138px !important; height:30px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/4/3/8/7/43873/45801449.gif') 2px 4px no-repeat !important;}
#mainpageLink a {display:block !important; width:144px !important; height:30px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/4/3/8/7/43873/45801635.gif') 2px 4px no-repeat !important;}
#writeThisDiary a {display:block !important; width:116px !important; height:18px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/4/3/8/7/43873/45801824.gif') 2px 4px no-repeat !important;}
#umailLink a {display:block !important; width:116px !important; height:18px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/4/3/8/7/43873/45801875.gif') 2px 4px no-repeat !important;}
#myFavLink a {display:block !important; width:86px !important; height:16px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/4/3/8/7/43873/45801899.gif') 2px 4px no-repeat !important;}
#discussionLink a {display:block !important; width:96px !important; height:16px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/4/3/8/7/43873/45801917.gif') 2px 4px no-repeat !important;}
#epigraph, #post0 {padding-bottom: 0px !important;}
.prevPostLink, .nextPostLink {display: none !important;}
#page-c {background:url("secure.diary.space/userdir/4/3/8/7/43873/457642...") no-repeat; margin:0; padding:0}
#page-c {margin-top:20px;}
#page-c {margin-right:-330px; background-repeat: repeat-y;}
#page-t {center;}
#page-t {margin:0 !important; padding-left:-10px; padding-right:-10px }

Последние строчки не понимаю, честно говоря.
#page-c {background:url("secure.diary.space/userdir/4/3/8/7/43873/457642...") no-repeat; margin:0; padding:0}
#page-c {margin-top:20px;}
#page-c {margin-right:-330px; background-repeat: repeat-y;}
Для page-t нужно сначала прописать ширину. Вот так, к примеру:
#page-t {width: 705px; align: center; margin: 0 !important;}
А потом уже смотреть, нужно ли его двигать. Вы же не задаёте ширину, по сути, вообще ничему, включая враппер, и просто двигаете блоки. Зачем? От того, что вы их двигаете, ширина блоков не изменится. И у вас половина параметров просто неправильно прописаны, например:
#page-t {center;} когда нужно align: center;.
Вот почему, полагаю, всё вкривь и вкось, вот откуда предложение "причесать" код - то есть, поисправлять в нём ошибки.

Да, согласна, что полный бардак... я кое-что изменила, но боюсь туда лезть - что-нибудь сотрешь а потом будешь голову ломать от чего изменилось отображение...
вот что вышло, вернее то, что я осмелилась подправить:
body {margin:0; padding:0;}
#wrapper {background:url('/userdir/4/3/8/7/43873/45764237.jpg ') no-repeat top center; background-position: hight -50px !important; padding:0}
#postsArea, #commentsArea {width:500px;}
#YaSearch, #upInChart, #postsCalendar, #albumLink, #rssLink, #myQuotLink, #myStatLink, #photolibLink, allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #more_login, #tagslistlink, #headlineList, #comments, #subscribe, #addToQuote, #subscribeEmail, #upInChurt, #iAmQuit, #myLinksLink, #myProfileLink, #authorFav, #authorQuot, #authorLiks, #authorAlbum, #authorRSS, #writeToAuthor, #subscribeEmail, #addToFav, #allDiaryLink, #unsubscribeEmail, #side h1, .nextPostLink, #myDraftLink, #optionsLink, #delFromFav, #sortFromBegin, #sortFromEnd, #sortFromLastComment, .order_button, .prevPostLink, #lastComments, #urlLink {display:none !important;}
#side {margin-top:50px;}
#extratop {height: 225px; background:url("secure.diary.space/userdir/4/3/8/7/43873/457642...") no-repeat bottom;}
#extratop {margin-left: 65px; !important;}
#epigraph .singlePost {background-image:none !important}
#epigraph {width: 663px;}
#epigraph {margin-top:50px;}
#wrapper{position:relative;}
#addCommentArea_title, .formcontainer {margin-bottom:256px;}
#addCommentArea {margin-left: 10px !important;}
#addCommentArea {margin-right: 10px !important;}
.formcontainer{margin-left: 10px !important;}
.formcontainer{margin-right: 10px !important;}
#epigraph .singlePost .header {background:none !important}
.singlePost .paragraph div:first-letter { padding: 3px !important; border: 2px solid #7d535d !important; font-size:10px; font-family:"CyrillicGoth"; float: none !important; margin: 0 !important; margin-right: 4px !important; color: #7d535d; font-weight: 900}
#authorName { display:block !important; width:145px !important; height:56px !important; line-height:70px !important; overflow:hidden !important; background: url('/userdir/4/3/8/7/43873/45791000.gif') 2px 4px no-repeat !important;}
#authorName {margin-left: 160px !important;}
#authorName {margin-top: -25px !important;}
#myDiaryLinks {margin-left: 160px !important;}
#globalLinks {margin-left: 160px !important;}
#myDiaryLink a {display:block !important; width:138px !important; height:30px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/4/3/8/7/43873/45801449.gif') 2px 4px no-repeat !important;}
#mainpageLink a {display:block !important; width:144px !important; height:30px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/4/3/8/7/43873/45801635.gif') 2px 4px no-repeat !important;}
#writeThisDiary a {display:block !important; width:116px !important; height:18px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/4/3/8/7/43873/45801824.gif') 2px 4px no-repeat !important;}
#umailLink a {display:block !important; width:116px !important; height:18px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/4/3/8/7/43873/45801875.gif') 2px 4px no-repeat !important;}
#myFavLink a {display:block !important; width:86px !important; height:16px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/4/3/8/7/43873/45801899.gif') 2px 4px no-repeat !important;}
#discussionLink a {display:block !important; width:96px !important; height:16px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/4/3/8/7/43873/45801917.gif') 2px 4px no-repeat !important;}
#page-c {background:url("secure.diary.space/userdir/4/3/8/7/43873/457642...") no-repeat; padding:0}
#page-c {margin-top:20px;}
#page-c {margin-right:-330px; background-repeat: repeat-y;}
#page-t {width: 500px; align: center; margin: 0 !important;}

и действительно, из-за команды с #postsArea все кривилось с #page-t вправо. осталось теперь поднять эпиграф до нужной высоты. я пробовала это сделать вот так: #epigraph {margin-top:50px;}, не знаю, правильно ли это... видимо опять лаги, раз не выходит... выделила строчки с эпиграфом жирным, чтобы было проще найти..

а еще #page-t все равно не на месте, двигать с помощью margin не получается.

а еще вот проблема.. ссылки на картинки заменились успешно, работают как надо. но если допустим появился коммент в посте, на который я подписана, напротив дискуссий не появляется единички - появляется еще одна картинка, т.е. картинка, которая у меня заменяет саму ссылку на дискуссии дублируется второй раз... а хотелось бы циферки напротив Мой дневник и Дискуссии (%

О, так уже попроще... вы бы всё-таки прописали ширину враппера по ширине экстратопа...
И фон под меню ставили бы непосредственно в side. Просто вы как-то странно картинку-то разрезали.
Вообще, должно быть четыре части в данном случае. Фон под экстратоп, под page-c, под меню и экстработтом. При этом надо правильно везде подсчитать ширину этих блоков, чтобы оно всё вместе смотрелось аккуратно.
То есть, вид примерно такой:
#wrapper {width: <b>XX</b>px;} #extratop {height: 225px; background:url("картинка"); width: <b>XX</b>px;} #side {width: <b>SS</b>px; background:url("картинка");} #page-c {width: <b>AA</b>px; background:url("картинка");} #page-t {width: <b>ZZ</b>px;}
Где ширина враппера равна ширине экстратопа (XX), а SS(меню)+AA(page-c)=XX(враппер). И ZZ меньше AA
Всё, уже уравнениями рассказываю...
И для начала банально не надо ничего двигать! Ни вправо, ни влево, ни вверх, ни вниз! Если правильно разрезать картинку - оно всё должно получиться само по себе. Вот так выглядит мой код без учёта фона для меню:
#wrapper {min-width: 900px !important; width: 900px; padding: 0 !important; border-style: groove; background: url('/userdir/1/0/2/4/102434/45741461.jpg');} #extratop {background: url('/userdir/1/0/2/4/102434/45741458.jpg') no-repeat !important; height: 207px !important; width: 900px !important;} #extrabottom {background: url('/userdir/1/0/2/4/102434/45741470.jpg') no-repeat !important; height: 48px !important; width: 900px !important;} .singlePost {padding-bottom: 25px !important; background: url('/userdir/1/0/2/4/102434/45742490.png') center bottom no-repeat;} #side {font-size: 9pt; margin-left: 5px; margin-bottom: 15px; text-align: center; width: 170px !important;} #page-c {width: 720px; !important; padding:0 !important;} #page-t {width: 705px; align:center; margin:0 !important;}

Вам просто нужно сделать то же самое, но подставить свои значения ширины, и вместо фона враппера ставить фон для #page-c. Как в первом фрагменте кода, где уравнение

ахтунг (:
Просто вы как-то странно картинку-то разрезали У меня 3 части, потому шо отрезать фон для меню не стала и он идет вместе с верхними рисунками. верхние рисунки, кототые месяц и солнце, вместе с фоном для меню у меня в #wrapper-е, а в боди вроде как фоновый рисунок (ну по крайней мере я добавляла его через опцию "добавить фоновый рисунок")
Змей сидит в экстратопе, фон для записей в пейдж-с...
Вы говорите, что все само встанет куда нужно, если верно разрезать... но я вот не понимаю - я ведь изначально хочу, чтобы меню было ближе, чем в стандартных настройках - как же оно само встанет ближе?

Бррр. Смотрите. Враппер у меня 900. Пэйдж-ц - 720. Меню - 170. Расстояние между меню и пэйдж-ц - 10 пикселей. Если проставить фон конкретно блоку меню - его можно будет придвинуть хоть вплотную к пэйдж-ц Оо Что в этом сложного? оО

Если проставить фон конкретно блоку меню - его можно будет придвинуть хоть вплотную к пэйдж-ц Оо Что в этом сложного? оО
так выж сказали, что двигать ничего не надо, само встанет куда я хочу (%
я попробую сделать так же как у вас, толкьо одно обясните - то, что рядом с экстатопом по углам (солнце и луна) - это куда же надо пихать? в пейдж-с?

извините, что я так туплю сильно... не мое это призвание, уж точно...

*убился об стену* Отрезаете верх вместе с надписью "моё творчество" и башкой змейки, ставите в экстратоп. Середину. где должны быть сами посты - в пэйдж-ц. Низ - в экстработтом. Меню - как фон блока меню. После чего уменьшаете пэйдж-т, пока текст не начнёт помещаться, где нужно. И только потом начинаете двигать, если это где-то необходимо! А вы сразу двигаете, даже не проставив нужные значения! Там всё на пропорциях, простейшая математика: 1+2+3=6!
так выж сказали, что двигать ничего не надо, само встанет куда я хочу (%
Так вы не двигать будете, там в пропорциях дело! *заедает депрессию шоколадом* Если не оставлять этих свободных 10 пикселей - расстояния между блоками не будет!
Вы просто очень сильно всё усложнили с этой картинкой.

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

ах да, и поделитесь шоколадкой, сама уже 4 суток напролет сижу тут, переделываю все (%

Можно повесить ссылку путём сервиса "мои ссылки" и вынести её наверх, наверное
Я уже всё съел!

шоколадки кончились. ну что же, придется съесть цианистого калию с чаем х(
Слушайте, а когда вы говорите, что сначала надо ширину задать верно - значит ли это, что надо писать ширину изображения в пкс, или плюс к этому числу еще что-то?
я вставила все, добавила ссылки, поставила их ширину и высоту где надо, (весь предыдущий код стерла. получилось что-то инопланетное)))))
#wrapper {min-width: 1000px !important; width: 1000px; padding: 0 !important; background-position: top center; border-style: groove; background: url('/userdir/4/3/8/7/43873/45825380.gif');} - здесь фон с солнцем и звездами (там так же есть змей, те. это цельная картинка, змей потом идет еще и в экстратоп)
#extratop {background: url('/userdir/4/3/8/7/43873/45764261.jpg') no-repeat !important; height: 225px !important; width: 661px !important;} здей змей
#side { background: url('/userdir/4/3/8/7/43873/45824585.gif'); font-size: 9pt; margin-left: 5px; margin-bottom: 15px; text-align: center; width: 168px !important;} - здесь фон для меню
#page-c { background: url('/userdir/4/3/8/7/43873/45764240.jpg'); width: 663px; !important; padding:0 !important;} фон записей
#page-t {width: 500px; align:center; margin:0 !important;} выравнивание текста.

А теперь скажите,у моляю! как выровнять текст в записях по центру, и экстратоп тоже поставить по центру? )))))))

Ну потому что зачем вам враппер аж в 1000 пикселей, если экстратоп намного меньше? *плачет*

но это же экстатоп находится Во враппере, нет???? %(((
кароче я не знаю, куда мне деть фон с солнышком и месяцем! х(

Экстратоп находится во враппере, поэтому у них и должен быть одинаковый размер
кароче я не знаю, куда мне деть фон с солнышком и месяцем! х(
Найти какой-то пустой блок, поставить для него фоном и того... позиционировать... но я не знаю, как это объяснить доступно, я знаю только, как это сделать
Ну и при другом разрешении экрана оно всё равно будет расползаться...

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

Нэ, они там все компактно и гармонично -)
Давайте я вам в аську стукну, вы мне скинете макет вот этого рисунка, и я попробую его порезать.

Да я давно уже понял, что там не так- автору дневника надо просто показать вёрстку похожую по виду хоть чем-то, пусть и с недостатками, но похожую и выполненную более-менее удобоваримо для дайрей. А потом уже в любимом автором стиле переделать рисунки и сделать шаблон исходя из автора же потребностей, но более-менее грамотный. А цель - чтоб при рисовании фона не было вопроса на тему "как вписать это в вёрстку". А весь вопрос возник при появлении в дневнике народа с разрешением 1200 плюс на что-то.
По нехорошему это делается так : info.diary.ru/index.php?title=CSS читается, изучается удобоваримый пакет приложений CS, происходит долгое извращение над вёрсткой, потом под шаблон делают фон или режут готовый нарисованный, редактируют и всовывают.
А если делать хорошо, находится человек, который всё это показывает и помогает делать. Только это не я. А всё потому, что кому-то лень сделать нормальный удобоваримый учебник про CSS относительно diary и в общем с типовыми решениями вопроса и выложить его. Работа слишком большая выходит, времени ни у кого нету, а целое сообщество для чесания языком держать вполне получается. На худой конец, давно можно было сделать встроенный скрипт или что угодно, а заодно и визуальный конструктор для вёрстки, чтоб задавать расположение всех границ перетаскиванием и растягиванием, цифрами (и так далее). И выложить софт для резки фона. И другие вещи. И сложить это всё на видное место. Можно не задумываться над всем этим и просто дать на пропитание небольшую денежку какому-нибудь профи, внезапно попавшему в дайри. Авось кто и сделает диз профессионально и куда охотнее. Капитализьм, понимаешь...
А ведь проблема поднимается уже в стотысячный раз, но решение приходится каждый раз искать заново. Потому что учебника по вёрстке с примерами работы конкретно в diary никто вроде как на видное место не клал.