Alinhar texto com imagem

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Membro
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.sae-brasil.forumeiros.com

Descrição do problema

Olá,

Gostaria de saber como faço para centralizar um texto junto com a imagem nas categorias/forum

http://prntscr.com/5trh7l

No caso em destaque seria o texto centralizado com a imagem da estrela e assim em todos os outros.

Olá,

Seria isso?
https://ajuda.forumeiros.com/t75025-
https://ajuda.forumeiros.com/t54675-
https://ajuda.forumeiros.com/t55454-
https://ajuda.forumeiros.com/t91235-

Até Mais!

Ops, desculpe-me eu me equivoquei, seria alinhar e não centralizar.

Saudações,

Infelizmente eu não posso ver esta seção com imagem.
Poderia criar uma seção com estrela para que eu possa ver o erro procedente em teu fórum?

Até mais.

Coloquei em outra categoria ;D

Saudações,

Primeiro, eu tive que criar uma classe para mexer na descrição. Sendo assim o senhor terá que alterar teu Template index_box:
Painel de Controle Visualização Templates Geral
Procure pelo Template Index box e altere ele todo pelo abaixo:

Código:

<ul class="linklist">
   <!-- BEGIN switch_user_logged_in -->
   <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
   <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
   <!-- END switch_user_logged_in -->
   <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
   <!-- BEGIN switch_user_logged_in -->
   <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
   <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
                  <dd class="topics">{L_TOPICS}</dd>
                  <dd class="posts">{L_POSTS}</dd>
                  <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <li class="row">
               <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
                  <dd class="dterm">
                     <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <br />
                                                          <div class="sennior">{catrow.forumrow.FORUM_DESC}</div>
                        <!-- BEGIN switch_moderators_links -->
                           {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                     </div>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
                  <dd class="lastpost">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </dd>
               </dl>
            </li>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </ul>

         <span class="corners-bottom"><span></span></span></div>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
   <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;&bull;&nbsp;</li>
   <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;&bull;&nbsp;</li>
   <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   <!-- BEGIN switch_delete_cookies -->
   <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
   <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

Não esqueça de publicar.
Depois vá na seção da tua folha de estilo CSS:

Vá em: Painel de controle Visualização Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

.sennior {text-align: center!important;}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

O texto ficou centralizado e nao alinhado =S eu queria q ele ficasse todo pra esquerda mesmo porem a imagem alinhada com o texto.

@Edit

Uma montagem pra vc entender

Boas,

Poderia re-upar sua imagem?
Infelizmente o link esta quebrado para mim.

Até mais.

Ela estava assim: http://prntscr.com/5trh7l

Montagem de como queria q ficasse: https://2img.net/h/oi57.tinypic.com/rml2z4.jpg

Obs: Remove o pt. quando tiver abrindo

Sim amigo, isso eu compreendo.
O problema é que não consigo visualizar esta imagem:
https://2img.net/h/oi57.tinypic.com/rml2z4.png

Poderia re-upar ela novamente em outro hospedante de imagens?
Abraços.

Reupada: https://i.imgur.com/79g1CsO.png

Saudações!

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

.sennior img {position: relative;top: 7px;}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Certo, abaixou a imagem, porém não como ao invés de abaixar a imagem subir mais o texto?

Saudações!

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

.hierarchy {border: none!important;display: list-item!important;font-size: 1em!important;text-transform:none!important;line-height: 0px!important;margin: 5px!important;}a.forumtitle {position: relative!important;top: 11px!important;}.sennior {position: relative!important;top: -3px!important;}.sennior img {position: relative!important;top: 6px!important;}dd.dterm {position: relative!important;top: -3px!important;}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Agora deu certinho, muito obrigado pela paciência e pela ajuda!!! Valeu msm ;D