Есть дизайн, сделан был относительно недавно. amber-chaos.diary.ru/
В данный момент веду причесывание кода. Удаляю лишнее, совмещаю и т.д.. В общем, делаю его максимально удобным. Но для завершения не хватает всего одного штриха - меню.
В нем вся загвоздка. Хочется сделать так, что бы при наведении на основное меню (Записи, Мой дневник, Главное меню, Постоянные читатели, Выход ) они еще и меняли подложку. Тоесть - картинки. Испробовал все варианты. "a:hover" отказывется работать как надо.
Для примера: выношу строчку с списком ПЧ отдельно, дублирую строчку с добавлением ховера и другого адреса на пикчу. По нулям. За-то, эффект нажатия проявляется в выпадающем списке с никами. Согласитесь - не комильфо.
Может, у кого уже есть решение данной проблемы и код давно выписан? В том же MySpace все работает по часам, поскольку работа иден не только с CSS кодом но и с элементами html.
В общем - мозг пухнет.

есть код
#wrapper{min-width:760px!important;width:760px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#side{width:130px !important;margin:0 !importan;background:#142032t}
#page-c{width:605px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
#side{position:fixed}
body { padding-top: 0 !important; }
.bordered { border-color: #b1d5dc; border-style:solid; border-width:6px; padding:10px; margin-bottom:10px; }
a:hover {background:#b1d5dc;text-decoration:none;color: #48606f}
div.menuSection{text-align:center;}
.singlePost{padding-left:10px !important;}
.singlePost{padding-right:10px !important;}
.singlePost{padding-bottom:12px !important;}
.singlePost{padding-top:12px !important;}
.countFirstDate,.countSecondDate{text-align:center;}
#menuSection {position: absolute; top:162px; right: 272px;}
#thisDiaryInfo { background:; background-repeat:no-repeat; background-position:top 100%; }
#iAmQuit { height: -300px; }
#randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #upInChart{display:none;}
a:hover {background:#b1d5dc;text-decoration:none;color: #48606f}
.postLinksBackg {display:block !important; border-bottom: 1px dashed #0b101d; margin-top: 10px !important; padding:10px 0 !important;}
.commentAuthor .avatar, .commentAuthor .avatarNew{ width:auto !important;}
.atMusic em { font-size: 0 px; background: # no-repeat 0; padding-left: 60px !important; }
.atMusic em SPAN { position: absolute; left:-900px;}
.header,.countFirstDate,.countSecondDate {text-align:center;}
#side h1 a {font-size: 17px;}
#my_tags { text-align: left !important; }
#msg_form .section { text-align: center !important; }
a.mceButtonNormal img, a.mceButtonSelected img, a.mceButtonDisabled img, span.mceMenuButton img, span.mceMenuButtonSelected img {width: 15px !important; height: 15px !important;}
#page-t {margin-left: 36px; margin-right: 34px; !important;}
.avatar img,.avatarNew img { display: block; position: relative; background-color: #F2EAE8; border: 1px solid #a9a9a9; margin: 0px 0px 0px 0px; padding: 5px; filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #464F58; border: 1px solid #898989; margin: 0px 0px 0px 0px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
.sign {text-align:center}
a.mceButtonNormal img, a.mceButtonSelected img, a.mceButtonDisabled img, span.mceMenuButton img, span.mceMenuButtonSelected img {width: 15px !important; height: 15px !important;}
#authorName {text-align:left}
nobr {white-space: normal !important;}
body{ background-attachment:fixed; }
а кода вставляю эпиграф
#extratop { background: url('/userdir/1/0/3/3/1033785/42780710.jpg') no-repeat; width:600px; height:600px; float: right; margin-top: 0px }
пропадает меню вобще Оо
что делать?
есть парочка вопросов, что бы было понятно о чем говорю - скрин (осторожно большой)))
1. каким кодом задается..ээ.. штучка (
) под комментировать, подписаться и т.д.?) а если под датой и заголовком?
2. как задать для блока меню какое-то изображение? а под блоком записи?
3. как меню продолжалось вместе с основым блоком?
читала, но я пень, пень не понял, просит объяснить(спасибо ^^
+проблема
что делать?
мои коды

Опера 9,6.
я совсем дурак,мне стыдно такое спросить,но помогите,пожалуйста
как в принципе вставить картинку-эпиграф ? и как её ровнять по ширине блока записей?
какой нужен код и куда именно его писать?
Собственно, сабж. Интересует не надпись "Список ПЧ", а конкретно сам список, где ники. Они, понятно, отображаются цветом, заданным для ссылок, а нужен другой.
Никакие акробатические этюды с #pchListLink действия не возымели. Подскажите пожалуйста.
Как тут: evelyna.diary.ru/
И еще вопрос. Как поставить отступ справа в комментариях? На скриншоте видно что там его совсем нет.

Пользуюсь мазилой, соответственно дизайн CSS.
Проблема в том, что ПЧ, которые пользуются Internet Exploer в моём дизе не могу нажать ни одну ссылку - они просто не активны, соответственно не нажимаются.
Как с этим бороться?
Но при записях в дневник, отображается Diary-Diary. Как сменить второе слово на цифры, как было раньше?
И какой id для "отписаться"?..
Т.е. после сохранения код выглядит вот так:
читать дальше
Картинка собсна должна быть вот эта : static.diary.ru/userdir/5/5/5/0/55506/42675785....
Ответ получен. Спасибо.
Случайно нарыла на компе IE и решила глянуть как же в нем отображается днев (brousershots ничего страшного не показывал)
Почему оно так отображается? Чего не хватает или что мешает в коде:
#side h1 A, #all_links, #favListLink, #pchListLink, #umailLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #myCommunitiesLink, #allDiaryLink , #communityCatalogueLink, #randomDiaryLink, #notepad, #myNotepadLink, #note_pad, #optionsLink, #photolibLink, #thisDiaryPhoto, #YaSearch, #lastComments, #pchs, #randomDiaryLink, #postsCalendar, #rssLink, #tagslistlink, #upInChart, #albumLink, #myProfileLink, #faqLink { display:none; }
#add_block1 { background:url('/userdir/5/4/9/6/549613/42178424.png'
; height:242px; left:0px; position:absolute; top:0; width:436px; }
#add_block2 { background:url('/userdir/5/4/9/6/549613/41907668.png'
; height:178px; position:absolute; right:0; top:0; width:694px; }
#extratop { height:242px; position:relative; top: 10px; width:100%; z-index:10;}
#extrabottom { height:30px; position:relative; width:100%; z-index:10;}
#wrapper {width: 80%; min-width:810px!important; padding:0 !important; float:left; margin-left:20px;}
#side{width:170px !important; margin:0 !important;}
#page-c{background:url('/userdir/5/4/9/6/549613/42032537.gif'
; width: 60%; min-width:610px !important;padding:0 !important; }
#page-t {margin:0 !important;}
#side { background: #f2ec94; height:100%;}
.singlePost{padding-left:15px !important;}
.singlePost{padding-right:15px !important;}
.singlePost{padding-bottom:10px !important;}
.singlePost{padding-top:10px !important;}
body { background:url('/userdir/5/4/9/6/549613/42154595.jpg'
; font-color:#000000 !important; margin:0; padding:0; }
#add_block3 { background:url('/userdir/5/4/9/6/549613/42156470.gif'
no-repeat; width:119px; height:360px; position:absolute; right:20px; top:350px; z-index:+1; }
.header {font-family:Mistral; font-size:16pt; color: #ff0000;}
.menuSection A {font-family:Georgia !important; font-size:10pt; color:#4B0082;}
#JournalComments .singlePost div.authorName, #JournalComments .singlePost div.commentAuthor {display:none;}
#JournalComments .singlePost div.paragraph {margin:0!important;}
.postLinksBackg { color:#4B0082 !important;}
.postLinksBackg a {color:#4B0082 !important;}
.postDate {font-family:Mistral !important; font-size:16pt !important; color: #ff0000 !important;}
#commentsArea, div.paragraph {line-height:140%; }
.singlePost#epigraph, .singlePost .paragraph { line-height:140%; }
.paragraph div:first-letter { font-size: 20px; color: #000000;}
#authorName { color: #4B0082 !important;}
#side h1 a { color:#4B0082 !important; font-family:Courier New !important; font-size:16px !important; left:22%; margin-left:50px !important; position:absolute; top:180px; width:50%; z-index:10; margin-bottom: 20px;}
.section, .formcontainer, .paragraph { _width:500px; overflow:auto; overflow-y: hidden; }
У ручки такие же условия, что и у верхних двух блоков, но у нее с фоном проблем нет. Тут дело в фотмате картинки?
С эпиграфом непонятка...
Да и с основным блоком - текст уехал влево, а при открытии сообщения вообще даже за границу поля.
Дата начинается не понятно с какой буквы....
Не могу найти ответ в сообществе=(
это уж совсем тупо,знаю.
Скиньте пожалуйста!
Есть body с заданным бэкграундом (рисунок) и есть дополнительный блок (тоже рисунок). Этому блоку присвоено position:fixed, основной фон тоже фиксирован, вместе они, можно сказать, создают картинку.
Есть подозрение, что дело в position:fixed, однако, как ни бьюсь, не могу поместить дополнительный блок под основной блок записей. Он упорно висит сверху и при разрешении 1024*768 частично перекрывает текст. Будьте добры, посоветуйте, как его все-таки запихать под низ.
апд: чтобы не путать никого, коротко. Нужны две вещи:
- дополнительный блок должен быть фиксирован (как фон) и все время оставаться на странице;
- дополнительный блок должен быть под основным блоком записей.
Решено, большое спасибо.
