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

Aloria
хреновенько... а как его чуть-чуть подвинуть?

#commentsArea .authorName {margin-left: Xpx; }

Aloria
благодарю

Вопрос номер 2. При установке дизайна внизу вылез скролл. Его можно как-нибудь убрать? Вопрос номер
3. Меню выпадающее. Но при попытке тыкнуть в то, что, собственно, выпадает, менюшка сворачивается. Это лечится?

Надо видеть вживую, чтоб понять, в чем дело.

Aloria
открываю

если что, дневник открыт. буду ждать помощи ^^

#wrapper{width:850px;min-width:0; margin: 0 auto 10 !important;padding:0px !important; position:relative !important; float:right!important;}

Скорее всего, прокрутка из-за этого. Поставьте значение 850px.

Меню вечером посмотрю.

Скорее всего, прокрутка из-за этого. Поставьте значение 850px.
никакой разницы((( скролл так и остался(

Меню вечером посмотрю.
Спасибо

Lysander, min-width: 850px !important;
И везде-везде проставьте ; перед }.

.top .menuSection ul {bottom:71px !important} - это к чему вообще? bottom действует только при установленном position.

Aloria
чичас поправим...

Ну и логично, что именно в этой строчке проблема с меню.
.top .menuSection ul {position:relative; bottom:71px !important; } - уменьшайте значение так, чтоб не было зазора между меню и выпадающим списком. Должно нормально работать при 67-68 пикселей.

спасибо большое. с меню проблема решилась. а вот скролл остался и пропадать совершенно не хочет.
обновленный код выложил.

Как сделать, чтобы часы и время поста-комментария полужирным писались? фонт-стайл: болд не помогает.
Логично. У font-style нет значения bold. Есть свойство wont-weight, вот ему можно прописать bold.

Имя автора, замененное картинкой, не хочет двигаться по горизонтали. Вверх-вниз подвинуть можно, а вот влево нет. В чем косяк?
В значении left: -863px !important; - куда вам столько? Уменьшите его, что ли, и тогда подвинется.

Скроллбар посмотрю, но потом.
Вообще, можете попробовать сами. Есть совершенно безотказный способ: берете и по очереди убираете из кода по одной строке и смотрите, без какой из строчек скролл-бар пропадает. Как только находите эту строку - кидаете ее сюда, будем смотреть, что не так.

Aloria
Есть совершенно безотказный способ: берете и по очереди убираете из кода по одной строке и смотрите, без какой из строчек скролл-бар пропадает. Как только находите эту строку - кидаете ее сюда, будем смотреть, что не так.
попробуем-с...

У font-style нет значения bold. Есть свойство wont-weight, вот ему можно прописать bold.
спасибо

В значении left: -863px !important; - куда вам столько? Уменьшите его, что ли, и тогда подвинется.
о_О это где такое? я не вижу

body {background: #000 url('/userdir/1/4/9/7/1497919/66242132.png') no-repeat 0 100% fixed; padding: 0px !important;font-family:Tahoma,Helvetica,sans-serif; font-size:9pt !important;}
*скролл уменьшился о_О*
#wrapper{width:850px;min-width: 850px !important; margin: 0 auto 10 !important;padding:0px !important; position:relative !important; float:right!important;}
*а вот тут скролл пропал о_О*

Lysander, попробуйте уменьшить ширину враппера (про min-width не забудьте).

#authorName {position:relative; margin-top:-30px !important; left:-863px !important; font-family:Tahoma,Helvetica,sans-serif; font-size:14pt !important; color: #be863a !important; font-weight:lighter !important;}

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

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

#authorName {position:absolute; top:40px; left:200px; display:block; width:165px; height:31px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/9/7/1497919/66286340.png') no-repeat;}
#authorName {position:relative; margin-top:-30px !important; left:-745px !important; font-family:Tahoma,Helvetica,sans-serif; font-size:14pt !important; color: #000 !important; font-weight:lighter !important;}
#side h1 a{position:absolute; top:0px; left:150px; display:block; width:161px; height:54px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/9/7/1497919/66286394.png') no-repeat;}
#side h1 a {position:absolute !important; margin-top:70px !important; font-family:Tahoma,Helvetica,sans-serif; font-size:21pt !important; color: #000 !important; margin-left:-330px;}

Lysander, епртс... Ну конечно же!
У вас стоит margin: 0 auto 10, да еще и с импотантом. Буквально это значит следующее: центрировать враппер, сверху марджин 0, снизу 10.
НО! При этом еще стоит float:right для выравнивания вправо.
Короче, вам нужно убрать это auto из марджинов и отдельно прописать margin-top: 0 и margin-bottom: 10px. Тогда скролл должен уйти.

---

С этим перемудрили, конечно. Не может элемент быть одновременно позиционирован абсолютно и относительно.
#authorName {position:absolute; top:40px; left:200px; display:block; width:165px; height:31px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/9/7/1497919/66286340.png') no-repeat;}
#authorName {position:relative; margin-top:-30px !important; left:-745px !important; font-family:Tahoma,Helvetica,sans-serif; font-size:14pt !important; color: #000 !important; font-weight:lighter !important;}

Можно заменить на:

#authorName {position:absolute; top:Xpx; left:Ypx; display:block; width:165px; height:31px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/9/7/1497919/66286340.png') no-repeat; font-family:Tahoma,Helvetica,sans-serif; font-size:14pt !important; color: #000 !important; font-weight:lighter !important; }
X и Y устанавливаете так, чтоб имя автора оказалось в нужном вам месте. Никаких марджинов не нужно.

#side h1 a{position:absolute; top:0px; left:150px; display:block; width:161px; height:54px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/9/7/1497919/66286394.png') no-repeat;}
#side h1 a {position:absolute !important; margin-top:70px !important; font-family:Tahoma,Helvetica,sans-serif; font-size:21pt !important; color: #000 !important; margin-left:-330px;}

Заменяете на:

#side h1 a {position:absolute; top: Xpx; left: Ypx; display:block; width:161px; height:54px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/9/7/1497919/66286394.png') no-repeat; font-family:Tahoma,Helvetica,sans-serif; font-size:21pt !important; color: #000 !important; }
То же самое. Устанавливаете X и Y, без марджинов.

большое спасибо XD вредно заниматься дизайном по ночам, еще и не такое напишется.

сейчас попробую.

нужно убрать это auto из марджинов и отдельно прописать margin-top: 0 и margin-bottom: 10px. Тогда скролл должен уйти.

почему-то ничего не изменилось. при враппере 850, снова скролл, при 1000 скролла нет, но далеко уезжает блок. как и было.

#wrapper{width:1000px;min-width: 1000px !important; margin-top: 0 !important; margin-bottom: 10px !important; padding:0px !important;position:relative !important; float:right!important;}

Lysander, не вижу у вас скролла сейчас, и ничего никуда не уезжает. Поистите кэш браузера.

А, тьфу, от правого.
Попробуйте еще прописать margin-right: Xpx !important;
Там центрирование прописано на уровне journal.css.

во это хорошо бы уменьшить раза в 2 о_О

Попробуйте еще прописать margin-right: Xpx !important;
если пишу положительное значение - блок уезжает еще дальше. если отрицательное - появляется скролл
*оно издевается*

Lysander, а при ширине 850 что получается? Если правый марджин прописать?

Aloria
тоже самое. скролл...

Lysander, тогда, скорее всего, дело во внутренних блоках, и в том, что их совместный размер (ширина блоков + ширина левых и правых пэддингов + ширина бордеров) больше ширины враппера.
Сейчас я уже иду спать, посмотрю завтра вечером или послезавтра.