Несколько вопросов по выравниванию и меню

[Кошмаринка]

Поняла, что сама не разберусь. Для сообщества сделала и установила дизайн (прошу заметить познания в css меньше минимальных, делала все методом тыка и по образцам). В целом всем довольна, но есть недочеты, которые, увы не могу устранить сама.

А именно:
1) Ссылки "URL" "В цитатник" "Отписаться" "Написать у себя", а также "предыдущая запись" и "следующая запись" (на скрине под №1) надо отцентрировать правильно (чтобы правая часть ссылок прилегала к правой границе, а левая к левой), а то сами видите что они стоят абы как.
2) Первый пост на странице расположен нормально, за то все комментарии (№2 на том же скрине) лепятся на левую тесемку, а это не гуд. Надо сказать, что все что ниже первого поста (форма для набора комментария, смайлы и пр.) лепится также к левому краю. Необходимо сделать как первый пост.


3) Разделитель (№3 на скрине) должен быть расположен под блоком ссылок а не под ним, не получается ни в какую.


4) И последнее, выпадающее меню (№4 на скрине), выпадает из всего кроме "Главное меню". Когда подвожу курсор к главному меню - ничего не происходит.

Код ниже:

Код ниже:

body {background: url('/userdir/1/5/6/6/1566967/50862491.jpg') 0 0 fixed repeat; padding-top: 0px !important; background-position: center !important;}
 #wrapper{ min-width:950px!important;width:950px; margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #extratop {background: url('/userdir/1/5/6/6/1566967/50835473.jpg') 0 0 no-repeat; height:490px; width:900px; background-position: center !important; margin-top: 0px !important; margin-left: +31px !important }
 #extrabottom {background: url('/userdir/1/5/6/6/1566967/50825942.jpg') 0 0 no-repeat; height:150px;width:900px; background-position: center !important; margin-top: -10px !important; margin-left: +31px !important}
 #page-c{ background: url('/userdir/1/5/6/6/1566967/50825867.jpg') repeat-y; width:900px !important;padding:0px !important;padding:0px !important; margin-top: 16px !important; margin-left: 31px !important }
 #page-t { margin:0 !important}
 #postsArea { width:730px !important; position: relative !important; margin-left: 40px !important; margin-top: -20px !important }
 #commentsArea{width:730px !important; position: relative !important; margin-left: 40px !important;}
 #addCommentArea {width:730px !important; position: relative !important; margin-left: 40px !important;}
 #side{ width:830px !important;margin:0px !important; padding:0 !important;}
 #side div.bordered {position:absolute; top:85px; left:50%; margin-left:60px ;}
 .menuSection {text-align:center; position:relative; top: 177px !important; right: 190px !important}
 #side ul {background: url('/userdir/1/5/6/6/1566967/50825171.jpg'); border: 1px solid #4f4332 }
 #side h1 {position: absolute; width: 457px; height: 273px; top: -30px; left: -430px; background: url('/userdir/1/5/6/6/1566967/50828069.png') no-repeat center;}
 #side h1 a { display:block; width: 457px; height: 273px; font-weight: normal;}
 #side h1 a span {display: none; font-weight: normal;}
 #authorName {position:relative; top: -245px !important; right: 280px !important}
 .singlePost {padding-bottom: 0px; margin-left: +70px !important; background: url('/userdir/1/5/6/6/1566967/50825147.png') center bottom no-repeat;}
 #epigraph .singlePost, #post0 {background:none !important;}
 #epigraph {background: none !important; background-position:bottom !important;}
 .postDate { text-align:center; }
 .header { text-align:center; }
 .postLinksBackg {text-align:center;}
 .pageBar {position: relative; top: 40px; }
 a:hover {text-decoration: none; color: #e9a62c;}
 #sortFromBegin {display:none !important;}
 #sortFromEnd {display:none !important;}
 #sortFromLastComment {display:none !important;}
 .order_button {display:none}
 #iAmQuit, #thisDiaryPhoto, #thisDiaryLinks, #more_login, #myNotepadLink, #YaSearch, #lastComments, #myLinks, #pchs, #albumLink, #allDiaryLink, #faqLink, #paySupportLink, #diarySupportLink, #diarySpiritLink , #randomDiaryLink, #myCommunitiesLink, #upInChart, #myDraftLink, #communityCatalogueLink , #photolibLink {display:none !important;}
 #bottomNav {display:none !important;}
 .avatar img {width:80px !important; min-width:80px !important; max-width:80px!important; -moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45); border: 4px double #4f4332}
 .avatar img:hover {width:100px !important; min-width:100px !important; max-width:100px!important;-moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100); border: 4px double #e9a62c}

Буду благодарна любой помощи, хоть просто советом (какой элемент и как менять), так и готовыми поправками в коде. Билась сутки, думала смогу, ан нет, помогайте пожалуйста.

@темы: меню, отступы, рамки и полоски, diaryCSS, Дизайн

Comments

[polishastik]

1. уберите из кода:
.postLinksBackg {text-align:center;}

2. странно, почему комменты не реагируют на вот этот код:
#commentsArea{width:730px !important; position: relative !important; margin-left: 40px !important;}
#addCommentArea {width:730px !important; position: relative !important; margin-left: 40px !important;}

попробуйте задать большее значение мергин-лефт.

3. про разделитель - надо задать педдинг в этой строчке:
.singlePost {padding-bottom: 0px; margin-left: +70px !important; background: url('/userdir/1/5/6/6/1566967/50825147.png') center bottom no-repeat;}

по поводу 4 даже не знаю, в чем может быть проблема. хотела проверить через фаербаг, но этот диз щас не стоит там.

и еще совет. я так поняла, что дизайн для сообщества. советую вам не убирать #thisDiaryLinks ( , иначе никто не сможет вступить-написать в сообщество.

[:Маргаритка:]

polishastik, спасибо огромное!
1 и 2 получилось! Просто не знаю как благодарить.

Третье нет - какие бы значения педдинга я не ставила, разделитель недвижим В том то и дело что я там меняла до того как обратиться сюда, но не помогло. Может что то с картинкой разделителя не так?

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

советую вам не убирать #thisDiaryLinks ( , иначе никто не сможет вступить-написать в сообщество.

Так и сделала Спасибо

[polishastik]

Моя мамочка, у меня главное меню открывается
остальное щас гляну

[polishastik]

Значится, так. проверила в фаерфоксе, действительно, главное меню не открывается. методом тыка попыталась фаербагом убирать элементы и свойства, чтобы понять, почему так. и вышло у меня, что мешает главному меню вот этот код:
#side h1 {position: absolute; width: 457px; height: 273px; top: -30px; left: -430px; background: url('/userdir/1/5/6/6/1566967/50828069.png') no-repeat center;}
#side h1 a { display:block; width: 457px; height: 273px; font-weight: normal;}
возможно, картинка наезжает. хз, не знаю...
попробуйте совместить эти 2 кода в один, как то:
#side h1 a {display:block; width:399px; height:53px; line-height:500px; overflow:hidden; background: url('/userdir/9/9/4/7/99479/49956986.png') 2px 4px no-repeat; position:absolute; top:70px !important; left: 410px !important;}
это только пример из моего кода. именно таким кодом заменяется ссылка на изображение.

про разделитель пока не знаю, щас пороюсь еще

[polishastik]

я пользуюсь таким кодом для разделителя
.singlePost {padding-bottom: 20px !important; background: url('/userdir/9/9/4/7/99479/49078391.png') center bottom no-repeat;}
#epigraph .singlePost, #post0 {background:none !important;}
#epigraph {background: none !important; background-position:bottom !important;}

все встает как нужно. опять-таки, пэддинг в случае необходимости регулируется.

[:Маргаритка:]

polishastik, я просто не знаю как тебя благодарить. Спасибо от всей души.
Все получилось!!!!

Наглею...

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

[polishastik]

Моя мамочка, код у вас прописан
a:hover {text-decoration: none; color: #e9a62c;}
только вставляете нужный цвет

[Кошмаринка]

polishastik, еще раз спасибо!