[Хаура]

Обновила css, но в меню пошло что-то не так.
Получается так

а должно быть вот так

Сам код выглядит так

body {background: #121119;}
#wrapper {background: url('/userdir/1/4/9/5/1495018/75718482.png') repeat-y 0%; width: 978px !important; min-width: 978px !important; padding-left: -20px !important; margin-bottom: -10px !important; }
#extrabottom {height: 0px !important;}
#extratop {background: url('/userdir/1/4/9/5/1495018/75718491.jpg'); width: 978px; height: 656px; margin-top: -10px !important; }
{----------------------------------------------POST_GENERAL---------------------------------------------------------------------}
#page-c { margin: -40px 20px -50px 80px !important; min-width: 817px !important; width: 817px !important; padding: 0px 0px 0px 0px !important; }
#page-t {padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important;}
.singlePost, #msg_form, .singleComment {margin: 0px 0px 40px 0px !important; padding: 20px 30px 20px 30px !important; background: #f3eef5 ; box-shadow: 0px 0px 5px #f0e8e6; -moz-box-shadow: 0px 0px 5px #f0e8e6; border-radius: 10px; -moz-border-radius: 10px;}
.singleComment {padding: 20px 30px 10px 30px !important;}
#post0, #epigraph { margin: 0px !important; background: #f3eef5 !important; }
#epigraph {margin-bottom: 40px !important; }
html body#Journal.top div#wrapper div#page-c div#page-t div#postsArea.bordered div#epigraph.singlePost .header {margin-top: -40px !important;}
.authorName, .communityName {font: 17px 'Cambria' !important;}
.authorName strong {font-weight: normal !important;}
.postDate {font: italic 17px 'Cambria' !important; color: #f3eef5 !important; }
.postDate {position:absolute; left :120px; margin: -61px 0px 20px 0px !important; padding: 20px 0px 20px 0px !important;}
{-------------------------------------------------POST_UP------------------------------------------------------------------}
.TagJIco, .editPostLink [src*="postedit.gif"], .delPostLink [src*="postdelite.gif"], .upPostLink [src*="postup.gif"], .tonotepadPostLink [src*="tonotepad.gif"], .fromnotepadPostLink [src*="fromnotepad.gif"], .opac6 {background: url('/userdir/1/4/9/5/1495018/75718496.png') no-repeat !important;}
.TagJIco { background-position: 0px -19px !important; display: inline-block; padding-left: 10px; position: relative; text-decoration: none !important;}
.editPostLink [src*="postedit.gif"] {background-position: -15px 0px !important !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14px; -moz-opacity: 0.7; opacity: 0.7; filter:progidXImageTransform.Microsoft.Alpha(opacity=70); }
.delPostLink [src*="postdelite.gif"] {background-position: -18px 0px !important ; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 13px; -moz-opacity: 0.7; opacity: 0.7; filter:progidXImageTransform.Microsoft.Alpha(opacity=70); }
.upPostLink [src*="postup.gif"] {background-position: -36px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14px; -moz-opacity: 0.7; opacity: 0.7; filter:progidXImageTransform.Microsoft.Alpha(opacity=70); }
.tonotepadPostLink [src*="tonotepad.gif"] {background-position: -54px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14px; 0.7; opacity: 0.7; filter:progidXImageTransform.Microsoft.Alpha(opacity=70);}
.fromnotepadPostLink [src*="fromnotepad.gif"] {background-position: -72px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14px; 0.7; opacity: 0.7; filter:progidXImageTransform.Microsoft.Alpha(opacity=70);}
.opac6 {background-position: -90px 0px !important; padding: 0 18px 0 0; width: 0; height: 19px; margin: -4px 0px 0px 0px !important; -moz-opacity: 1.0; opacity: 1.0; filter:progidXImageTransform.Microsoft.Alpha(opacity=100); }
.postActionLinks { -moz-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: absolute; left: 820px !important; margin-top: -40px !important;}
#pageBar a:hover {color: #060304 !important;}
#epigraph .postActionLinks {margin: -40px -5px 0px 0px !important; }
{------------------------------------------------POST_DOWN-------------------------------------------------------------------}
.atTag span:before { padding: 20px 0px 0px 0px !important; content: "Темы:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #121119 !important;}
.atMusic span:before {padding: 20px 0px 0px 0px !important; content: "Музыка:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #121119 !important; }
.atMood span:before {padding: 20px 0px 0px 0px !important; content: "Настроение:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #121119 !important;}
.atTag span, .atMusic span, .atMood span {font-size: 0px !important; color: #f3eef5 !important; }
.atMusic, .atTag, .atMood {margin: 0px 0px 0px 0px !important; }
.atTag a, .atMusic a, .atMood a { text-decoration: none !important; color: #2f344d;}
.atTag em, .atMusic em, .atMood em {font-style: normal !important; font-size: 14px; color: #121119;}
.postLinksBackg {margin: 0px 0px 10px 0px !important; color: #121119; }
.postLinksBackg a {font: 17px 'Cambria'; }
#JournalFavorite .postLinksBackg a {font: 16px 'Cambria'; }
#pageBar a {font: 17px 'Cambria' !important; text-transform: capitalize; color: #f3eef5 !important; }
.pageBar {margin-bottom: 0px !important; margin-top: -20px !important;}
#pageBar strong {font: italic 22px 'Cambria' !important; color: #5d6382 !important; }
.paragraph {line-height: 145%;}
.singlePost .paragraph div:first-letter {font: italic 24px 'Cambria' !important; }
.prevnext { margin-top: -15px !important;}
{----------------------------------------------TAGS_CALENDAR-----------------------------------------------------------------}
.tags_ul_all {padding: 20px 30px 20px 40px !important; line-height: 135% !important; color: #121119 !important; width: 720px !important; background: #f3eef5 ; box-shadow: 0px 0px 5px #f0e8e6; -moz-box-shadow: 0px 0px 5px #f0e8e6; border-radius: 10px; -moz-border-radius: 10px; margin-top: 0px !important;}
.tags_header a {font: italic 22px 'Cambria'; font-weight: normal !important; color: #121119 !important; }
.tags_header {font-weight: none !important;}
#JournalCalendar #page-t { width: 697px !important; margin: 0px 2px 40px 10px !important; padding: 20px 0px 0px 100px !important; background: #f3eef5 ; box-shadow: 0px 0px 5px #f0e8e6; -moz-box-shadow: 0px 0px 5px #f0e8e6; border-radius: 10px; -moz-border-radius: 10px; }
#JournalCalendar .header {margin-left: 10px !important; font: italic 22px 'Cambria';}
.calnd td.cal-mnth a {font: italic 17px 'Cambria'; !important;}
{--------------------------------------------------NOT_DISPLAYED-----------------------------------------------------------------}
#rssLink, #upInChart, #subscribeEmail, #authorLinks, #authorAlbum, #myLinksLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #faqLink, #YaSearch, #Stats, #iAmQuit, #side h1 .opac6, #authorFav, #authorQuot, #sortOrder, #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink, #lastComments, #pchs, #myLinks, #headlineList, .email, .order_button.header, #authorLinks a, #authorLinks, .authorLinks, .authorLinks a, #myLinks a, #thisDiaryLinks, #thisDiaryPhoto, #YaSearch, #authorFav, #authorQuot, #photolibLink {display: none !important;}
{---------------------------------------------------MENU----------------------------------------------------------------}
#side {position: absolute !important; top: 20px !important; left: 90px !important; width: 0px !important; text-align: center; color: #b1a196; font-size: 13px ;}
#side a {color: #b1a196; font-size: 13px ;}
.menuSection_title b {font: italic 22px 'Cambria' !important; font-weight: normal !important; color: #393d55 !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter: alpha(opacity=80);}
#thisDiaryOwner, #myDiaryLinks, #globalLinks {width: 160px; text-align: center !important; }
#thisDiaryOwner ul {width: 130px; background: #1e2131; box-shadow: 0px 0px 5px #121119; -moz-box-shadow: 0px 0px 5px #121119; border-radius: 10px; -moz-border-radius: 10px; margin-left: 10px !important;}
#myDiaryLinks ul { width: 120px; background: #1e2131; box-shadow: 0px 0px 5px #121119; -moz-box-shadow: 0px 0px 5px #121119; border-radius: 10px; -moz-border-radius: 10px; margin-left: 17px !important;}
#myDiaryLinks_title { width: 170px !important;}
#globalLinks ul { width: 146px; background: #1e2131; box-shadow: 0px 0px 5px #121119; -moz-box-shadow: 0px 0px 5px #121119; border-radius: 10px; -moz-border-radius: 10px; }
#thisCommunityMember ul {background: #1e2131; box-shadow: 0px 0px 5px #121119; -moz-box-shadow: 0px 0px 5px #121119; border-radius: 10px; -moz-border-radius: 10px;}
#thisDiaryOwner {position: absolute !important; top: 440px !important; left: 660px !important; }
#globalLinks {position: absolute !important; top: 470px !important; left: 590px !important;}
#thisDiaryOwner {position: absolute !important; top: 440px !important; left: 660px !important; }
#myDiaryLinks {position: absolute !important; top: 500px !important; left: 490px !important;}
#thisCommunityMember {position: absolute !important; top: 410px !important; left: 620px !important;}
#TagsList ul {width: 131px !important; font-size: 11px; text-align: left !important; margin-left: -17px !important;}
#TagsList ul a {font-size: 11px; overflow-x: hidden !important; width: 100px !important; display: block !important; left: -999px;}
#TagsList a[href$="tags="] {font-weight: bold !important;}
#bottom_up a {position: fixed !important; font: italic 21px 'Cambria' !important; background: #!important; color: #f3e8e4 ; border-radius: 10px; -moz-border-radius: 10px; padding: 7px 10px 7px 10px; bottom: 5px !important; right: -64px; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); text-shadow: 0px 0px 1px #121119;}
#bottom_up a:hover {right: -5px; color: #f3eef5 !important; display: block !important;}
#bottom_up a::first-letter {font: italic 24px 'Cambria' !important; }
{-----------------------------------------------HEADERS--------------------------------------------------------------------}
.header {color: #f3eef5; margin: 0px 0px 10px 0px !important; padding-top: 20px !important; font: italic 24px 'Cambria' !important; text-align: left !important; }
.singlePost .header, .singleComment .header { text-align: left !important; padding: 0px 0px 5px 0px !important; color: #1e2131 !important; margin-left: 0px !important; }
#addCommentArea_title.header, #commentsArea_title.header {margin-top: -60px !important;}
#thisDiaryInfo {position: absolute !important; top: 30px !important; left: 0px !important; width: 785px !important; display: block !important; }
#authorName {font: italic 22px 'Cambria' !important; color: #5d6382 !important; text-align: right !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter:progidXImageTransform.Microsoft.Alpha(opacity=80); display: inline !important; float: right !important; margin-left: -8px !important; }
#side h1 {position: absolute !important; top: 0px !important; left: 0px !important; width: 795px !important; display: block !important;}
#side h1 a { color: #5d6382 !important; font: italic 28px 'Cambria' !important; text-align: right !important; display: block !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter:progidXImageTransform.Microsoft.Alpha(opacity=80); }
{----------------------------------------------------------IMGS_DIFF---------------------------------------------------------}
.avatar img { width: 100px; margin: 5px 15px 10px 10px; border: solid 3px #39447d ; -moz-border: solid 3px #6b1412; border-radius: 5px; -moz-border-radius: 5px; }
.avatar {width: 115px !important; margin: -5px 0px 0px -20px !important; padding-left: 10px !important;}
.sign { width: 100px !important; text-align: left; margin: 0px 0px 0px 5px !important;}
img { max-width: 602px; }
#Journal img { max-width: 737px; }
.section, .formcontainer, .paragraph { _width: 602px; overflow: auto !important; overflow-y: hidden; }
.voting td img[src*=".gif"]{ padding: 9px 0 0 0; height: 0px; border-bottom: 1px solid #cdcdcd; background: #41414a ;}
span.quote_text {margin: 10px 20px -10px 20px !important; padding: 4px 5px 4px 5px !important; display: block !important;}
.blockquote { display: block; margin-top: -5px; padding: 0px 0px 0px 0px;}
.submit {background: #39447d !important; color: #f3eef5 !important; padding: 5px 5px 7px 5px !important; margin: 10px 0px 10px 10px !important; font: italic 17px 'Cambria' !important; ; -moz-opacity: 0.8 !important; opacity: 0.8 !important; border-radius: 10px; -moz-border-radius: 10px; }
input#btSubmit.submit { width: 115px !important; }
input#rewrite.submit { width: 135px !important; margin-left: 7px !important; }
input#preview.submit { width: 135px !important;}
input.submit { width: 190px !important; }
div.voting input.submit { width: 110px !important; margin: 0px 10px 10px 5px !important; }
::selection {color: #f3eef5 !important; background: #39447d !important;}
::-moz-selection {color: #f3eef5 !important; background: #39447d !important;}
::-webkit-selection {color: #f3eef5 !important; background: #39447d !important;}
{----------------------------------------------------HOVER---------------------------------------------------------------}
a:hover, a:active, a:link, a:visited {text-decoration: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
a:hover, #TagsList a[href$="tags="]:hover {color: #39447d !important;}
#side h1 a:hover, #authorName:hover, #bottom_up a:hover, .header span:hover, .submit:hover {opacity: 1.0 !important; -moz-opacity: 1.0 !important; -o-opacity: 1.0; filter:progidXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
#pageBar a:hover, #globalLinks a:hover, #thisDiaryOwner a:hover, #myDiaryLinks a:hover, #thisCommunityMember a:hover {color: #5d6382 !important;}
.upPostLink [src*="postup.gif"]:hover, .delPostLink [src*="postdelite.gif"]:hover, .editPostLink [src*="postedit.gif"]:hover, .tonotepadPostLink [src*="tonotepad.gif"]:hover, .fromnotepadPostLink [src*="fromnotepad.gif"]:hover { -moz-opacity: 1.0; opacity: 1.0 !important; filter:progidXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}


Что нужно сделать?

Исправлено, спасибо  злой сов

@темы: текст, diaryCSS, Дизайн

Comments

[злой сов]

Я подозреваю, что дело не в цсс. Попробуйте поставить расположение меню сверху?

[Хаура]

злой сов, оказалось, все так просто х)
спасибо большое ))

[злой сов]

Хаура, а так всегда х)
не за что :З