Помогите переместить кнопки.

Помогите переместить указанные красными рамками кнопки в указанные красными же рамками места.

Шаблон viewtopic_body (Показ темы)
Фрагмент

Код:

<div class="postfoot">
      <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
      {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
      </div>
      <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
      {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
      </div>
      <div style="clear:both;"></div>
</div>

{postrow.displayed.PROFILE_IMG} — кнопка профиль

{postrow.displayed.PM_IMG} — кнопка лс
{postrow.displayed.EMAIL_IMG} — кнопка e-mail
{postrow.displayed.contact_field.CONTENT} — все остальные кнопки профиля неразделяемой кучей

{postrow.displayed.THANK_IMG} — кнопка "спасибо"
{postrow.displayed.MULTIQUOTE_IMG} — кнопка мультицитаты
{postrow.displayed.QUOTE_IMG} — кнопка "цитата"
{postrow.displayed.EDIT_IMG} — кнопка "правка"
{postrow.displayed.DELETE_IMG} — кнопка "удалить"
{postrow.displayed.IP_IMG} — кнопка IP
{postrow.displayed.REPORT_IMG} — кнопка рапорта


Вся нижняя часть поста — это один блок, в котором кнопки кнопки сообщения прижаты вправо, а кнопки профиля — влево, т.е. перемещать их, строго говоря, некуда, они уже лежат все вместе:

Dana Domirani, А как мне сделать, чтобы они были в одну строчку, а не друг после друга?
Я так и не понял, можно переместить кнопки в те места, которые я обозначил на скриншоте или нет?

Поясняю слова нагляднее — убираю линию, которая визуально разделяет профиль и сообщение:


[zoom]

Тех мест, которые Вы показали на скриншоте, нет. Есть один блок, в котором часть кнопок стоит слева, часть справа.

Dana Domirani, задам вопрос по другому:
как сделать, чтобы кнопки, которые принадлежат к левому краю (www, e-mail, профиль, личка...), встали в один ряд, с возможностью их перемещения (чуть двигать) влево/вправо?

За его ширину отвечает фрагмент CSS:

Код:

.pun .postfoot .user-contact {
width: 400px;
}

Ширину 400px надо подобрать вручную.
Если кнопок профиля или кнопок сообщений будет слишком много, то они вытеснят друг друга.

В шаблоне viewtopic_body (Показ темы) замените

Код:

<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->

на

Код:

<span class="prf_butt"><!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></span>

и потом сдвигайте через CSS:

Код:

.prf_butt {
margin-left: 120px;
}

Dana Domirani, Почти получилось!

Осталось только кнопку e-mail пододвинуть чуть вправо (туда, где красная рамка на скриншоте).
Помоги плиз.

Тогда обверните в <span class="prf_butt"> </span> не

Код:

<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->

а на одну кнопку больше:

Код:

{postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->

а не проще нарисовать более маленькие кнопки?
Ну по подобию стандартных

Dana Domirani,  все получилось!!!

@Домовой пишет:а не проще нарисовать более маленькие кнопки?
Ну по подобию стандартных

Нет, т.к. уже я выбрал другой дизайн кнопок.