Цетровка блока мини профиля, стиль Prosilver

[vteleckiy]

Прошу подсказать как отцентрировать блок мини профиля на форуме, многое перепробовал но не как не получаться

[Пчелкин]

как отцентрировать

А что такое - отцентрировать? Блок кнопок от профиля отцентрирован и довольно отлично... А вот блок ссылок на соцсети у тебя вставлен криво как задняя нога у собаки...

[vteleckiy]

Необходимо блок ссылок разместить по центру (в данный момент они слева) так само как и ссылки соц сетей. Ссылки соц сетей находятся по центру

[Пчелкин]

Зачем?
В принципе блоку соцсетей там не место... Потом добавится там еще значков и что?
Но если так сильно хочется -

Код: Выделить всё

		<!-- IF not S_IS_BOT -->
		<!-- IF postrow.U_PM or postrow.U_EMAIL or postrow.U_WWW or postrow.U_MSN or postrow.U_ICQ or postrow.U_YIM or postrow.U_AIM or postrow.U_JABBER -->
			<dd style="text-align: center;" >
				<ul class="profile-icons">
					<!-- IF postrow.U_PM --><li class="pm-icon"><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span>{L_PRIVATE_MESSAGE}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_EMAIL --><li class="email-icon"><a href="{postrow.U_EMAIL}" title="{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}"><span>{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_WWW --><li class="web-icon"><a href="{postrow.U_WWW}" title="{L_VISIT_WEBSITE}: {postrow.U_WWW}"><span>{L_WEBSITE}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_MSN --><li class="msnm-icon"><a href="{postrow.U_MSN}" onclick="popup(this.href, 550, 320); return false;" title="{L_MSNM}"><span>{L_MSNM}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_ICQ --><li class="icq-icon"><a href="{postrow.U_ICQ}" onclick="popup(this.href, 550, 320); return false;" title="{L_ICQ}"><span>{L_ICQ}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_YIM --><li class="yahoo-icon"><a href="{postrow.U_YIM}" onclick="popup(this.href, 780, 550); return false;" title="{L_YIM}"><span>{L_YIM}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_AIM --><li class="aim-icon"><a href="{postrow.U_AIM}" onclick="popup(this.href, 550, 320); return false;" title="{L_AIM}"><span>{L_AIM}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_JABBER --><li class="jabber-icon"><a href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span>{L_JABBER}</span></a></li><!-- ENDIF -->
				</ul>
			</dd>
		<!-- ENDIF -->
		<!-- ENDIF -->

Ну второе - можно было и самому попробовать сделать. В помощь - Разберем viewtopic_body.html на кусочки

[vteleckiy]

Заменил <dd style="text-align: center;" > а потом и весь код, но иконки остались стоять слева. Что еще может им мешать ?

[Пчелкин]

Неочищенный кеш...Нет даже пять кешей, а если точней - все шесть... И лень почитать поискать и прочее...

[vteleckiy]

Дат нет, кеш очищенный 100%

[Татьяна5]

vteleckiy
Мешает float: left; у тегов <li> (если убрать - все кнопки выстроятся в столбик)

Решение:

Код: Выделить всё

ul.profile-icons {
    display: inline-block;
    margin: 0 auto;
}

+ совет Пчелкина

[vteleckiy]

Да только, не нужно что бы они были в столбик. Задача просто расположыть по центру, в данный данный блок кнопок слева

[Пчелкин]

Дат нет, кеш очищенный 100%

Не верю...

[Татьяна5]

не нужно что бы они были в столбик

Значит не убирайте float и воспользуйтесь вышеприведённым решением. В нём всё выстраивается как надо.

Не верю...

Тут не в кешах дело
У самих кнопок-элементов списка выравнивание слева. Без display для списка не обойтись

[Пчелкин]

Без display для списка не обойтись

Ах да...что-то не учел... действительно... просто у меня это давно уже убрано было...
Лево-право через CSS муторно и разными браузерами по разному воспринимается... Условие в ХТМЛ - проще...

[vteleckiy]

сделал вот так

Код: Выделить всё

ul.profile-icons {
    display: inline-block;
    margin: 0 auto;
    padding-top: 10px;
    list-style: none;
}

спасибо за помощь все получилось