Вопросы по туториалу "Профиль под кнопкой"

как сменить цвет фона внутри профиля если он сделан в стиле окошка?

/* профиль, скрытый по умолчанию */
.user-info {
display: none;
position: relative;
z-index: 999;
width: 200px;
background-color: #FFFFFF;
border: 1px solid #C8C8C8;
padding: 4px;
}

всё содержимое "Листа" можно было вынести за пределы профиля? (т.е. не в открывающемся окошке, а просто под иконкой профиля)

Код:

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><div style="overflow: visible; width: 150px">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />

<div class="prf">
  <div class="user-in">
      <img src="http://i24.servimg.com/u/f24/16/54/26/99/prof10.png" class="prfimg" alt="Профиль" title="Профиль" />
      <div class="user-info">
      <!-- BEGIN profile_field -->
      {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
      <!-- END profile_field -->
      </div>
  </div>
</div>

      {postrow.displayed.POSTER_RPG}
      </span><br />
      <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </div></td>

Депрессняк пишет:Дана, а что если текст начал залазить на аватару??

http://fringe.mirbb.net/t вот форум.

Сделал всё по инструкции.

Ylian4ik пишет:возникла такая же проблема, не подскажите как расширить профиль?

Правильно отображается в сообщении:

Не правильно отображается в блоге:

Код:

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><div style="overflow: visible; width: 150px">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
                     
                                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/th/10.png" alt="Повысить репутацию" border="0" /></a></div>
<!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/th/-10.png" alt="Понизить репутацию" border="0" /></a></div>
<!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->
            <div class="prf">
  <div class="user-in">
      <img src="http://i24.servimg.com/u/f24/16/54/26/99/prof10.png" class="prfimg" alt="Профиль" title="Профиль" />
      <div class="user-info">
      <!-- BEGIN profile_field -->
      {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
      <!-- END profile_field -->
      {postrow.displayed.POSTER_RPG}
      </span><br />
      <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </div>
  </div>
</div>

      </div></td>