Centralizar imagens da mensagem da página inicial

2 participantes

Ir para baixo

Tópico resolvido Centralizar imagens da mensagem da página inicial

Mensagem por KimBernardes 21.02.19 13:22

Detalhes da questão


Endereço do fórum: http://pottergo.forumeiros.com
Versão do fórum: phpBB3

Descrição


Gostaria de centralizar essas imagens: https://i.imgur.com/8ZIjSHP.png

Não sei se isso pode atrapalhar, mas o template que é usado tem algo que sempre o faz repetir o code tbody toda vez que é salvo e por mais que o deletamos uma hora ou outra ele volta.

Para agilizar o trabalho de vocês, tomei a liberdade de disponibilizar o código em que essas imagens estão contidas logo abaixo:

Código:
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat:400,700" />
<center>
                                                                                                                                                                                
   <div class="msbase">
                                                                                                                                                                                   
      <div style="width: 600px; position: relative; height: 190px; overflow: hidden;float: left;">
                                                                                                                                                                                                                                              
         <div class="view-tenth">
                                                                                                                                                <img src="https://i.imgur.com/kPsVlSW.png" />                                                                                                                                   
            <div class="msg">
                                                                                                                                                                                                                                                                                    
               <p>
                                                                                                                                                            Meados do ano 2046 se aproximam, o mundo bruxo está passando por uma crise existencial nunca vista antes por seus antepassados: Vassouras se recusam a voar pelos ares, as reservas de pó de flú tornam-se escassas, varinhas cujos núcleos explodem sem uma causa propriamente dita, algumas poções não surtem mais efeito algum. O que diabos está acontecendo com o mundo bruxo? Estaria à magia perdendo as forças que por tantas vezes foram tão benéficas para as vidas de muitos, mas por que motivos? Na tentativa de lidar com tais circunstâncias <strong>Kalythea Cyder Hagewasser</strong> toma a frente da escola de Magia e Bruxaria de Hogwarts usando todo seu conhecimento em diversas artes místicas para manter a qualidade de estudos em Hogwarts; enquanto isso é <strong>Matthew Lavrov Harper</strong> o atual Ministro da Magia a quem investiga os inúmeros casos de mortes registradas pelo Hospital Saint Mungus pela ausência da essência mágica, um fato curioso é que todas as vítimas possuíam a marca de um sinistro em alguma parte do corpo. <br /><br />Em um reino muito distante, um ser de muita graça e onipotência a tudo observava com infelicidade, embora soubesse o que tivesse causado tamanha devastação no equilíbrio daquele mundo não podia deixar que os responsáveis permanecessem impunes escolheu a dedo dez eleitos para investigar a situação mais de perto. Existem rumores que esses escolhidos de lados opostos trabalham para o mesmo fim. Mas isso não é tudo, há muito mais envolvido, há muito mais em jogo. Talvez tudo isso peça que uma história muito conhecida por trouxas e bruxos dos cinco continentes seja recontada para que uma nova história seja lembrada. Deixo a todos um aviso, quando a entidade de seu trono sair o inimigo pela sua espada irá se extinguir.                                                                                                                                 
               </p>
                                                                                                                                                                                                                                                                            
            </div>
                                                                                                                                                                                                                                                         
         </div>
                                                                                                                                                                                                          
      </div>
                                                                                                                                                                                                   
      <div class="PotterGo" style="float: right;">
                                                                                   PotterGo RPG                                                                         
      </div>
                                                                                                                                                                           
      <div style="position: relative; float: right; margin-top: 10px; width: 590px; height: 165px; background-color: transparente; color: #b3b3b3b3; text-align: justify;">
                                                                   Sejam todos bem vindos ao RPG PotterGo, sua presença é de imensa importância para todos nós, este é o lugar para abrir a sua mente para um nova história e se desprender ao passado fechado e minimalista. Abra as portas da sua criatividade e permita que ela flua através de sua imaginação como nunca, nossas tramas são únicas e totalmente originais, você certamente irá se surpreender com os conteúdos das histórias contidas nesses fórum. <br /><br />Para melhor resolução de assuntos específicos, trazemos toda a equipe administrativa do RPG abaixo contendo suas devidas posições que influenciam diretamente em suas funções. <br /><br />                                         
         <div align="right">
                                                      Atenciosamente, POTTERGO.                                           
         </div>
                                                                                                      
      </div>
                                                                                                                         
      <table style="position: relative; float: left; margin-top: 20px;">
                                                                                                                                               <tbody></tbody> <tbody></tbody>
         <tr style="">
                                                                                                                                                                                                                         
            <td>
                                                                                          
               <div align="center">
                         
                  <div style="width: 180px; height: 110px; overflow: hidden;  position: relative; float: left;">
                                                                                                                                                                                                                                                  
                     <div class="view-tenth">
                                                                                                                                                            <img src="https://i.imgur.com/OoPGafP.jpg" />                                                                                                                                   
                        <div class="adm">
                                                                                                                                                                                                                                                                                                
                           <p>
                                                                                                                                                                        Kalythea Cyder - ADM MASTER, Narradora responsável pelas Missões, Quests, Trama Principal e Individual de cada grupo existente no RPG e por fim Diretora de Hogwarts.                                                                                                                     
                           </p>
                                                                                                                                                                                                                                                                                        
                        </div>
                                                                                                                                                                                                                                                                     
                     </div>
                                                                                                
                  </div>
                                                                                                                                                                                                                                       
               </div>
                      
            </td>
                                                                                     
            <td>
                                                                                          
               <div style="width: 180px; height: 110px; overflow: hidden;  position: relative; float: left; margin-left: 10px;">
                                                                                                                                                                                                                                               
                  <div class="view-tenth">
                                                                                                                                                         <img src="https://i.imgur.com/zI1OzhA.png" />                                                                                                                                   
                     <div class="adm">
                                                                                                                                                                                                                                                                                             
                        <p>
                                                             Mattew Lavrov - ADM. Ministro da Magia, portanto responsável pelo ministério da magia e seus servidores.                                                                                                                                 
                        </p>
                                                                                                                                                                                                                                                                                     
                     </div>
                                                                                                                                                                                                                                                                  
                  </div>
                                                                                             
               </div>
                                                                                                                                                                                                                                    
            </td>
                                                                                     
            <td>
                                                                                          
               <div style="width: 180px; height: 110px; overflow: hidden;  position: relative; float: left; margin-left: 10px;">
                                                                                                                                                                                                                                               
                  <div class="view-tenth">
                                                                                                                                                         <img src="https://i.imgur.com/tdrXyLd.png" />                                                                                                                                   
                     <div class="adm">
                                                                                                                                                                                                                                                                                             
                        <p>
                                                             Alaric Forbes - ADM. Responsável pelas atualizações gerais seja ela nome, rank, perfil bruxo ou PhotoPlayer. Também encarregado pelos trouxas, crianças e adultos.                                                                                                                                 
                        </p>
                                                                                                                                                                                                                                                                                     
                     </div>
                                                                                                                                                                                                                                                                  
                  </div>
                                                                                             
               </div>
                                                                                                                                                                                                                                    
            </td>
                                                                                     
            <td>
                                                                                          
               <div style="width: 180px; height: 110px; overflow: hidden;  position: relative; float: left; margin-left: 10px;">
                                                                                                                                                                                                                                               
                  <div class="view-tenth">
                                                                                                                                                         <img src="https://i.imgur.com/3m9Dyad.png" />                                                                                                                                   
                     <div class="adm">
                                                                                                                                                                                                                                                                                             
                        <p>
                                                                                                                                                                     Maxime Heatifiily - ADM, Editora Chefe do Pasquim, portanto responsável por toda a equipe do profeta diário e pelas matérias do fórum. Também encarregada pelas Casas e Famílias.                                                                                                                               
                        </p>
                                                                                                                                                                                                                                                                                     
                     </div>
                                                                                                                                                                                                                                                                  
                  </div>
                                                                                             
               </div>
                                                                                                                                                                                                                                    
            </td>
                                                                                     
            <td>
                                                                                          
               <div style="width: 180px; height: 110px; overflow: hidden;  position: relative; float: left; margin-left: 10px;">
                                                                                                                                                                                                                                               
                  <div class="view-tenth">
                                                                                                                                                         <img src="https://i.imgur.com/Vc0YHmD.png" />                                                                                                                                   
                     <div class="adm">
                                                                                                                                                                                                                                                                                             
                        <p>
                                                             Zane Downpour - ADM MASTER, Diretor do Gringotes, gestor dos funcionários do banco e Sistema Monetário, responsável pelos comerciantes.                                                                                                                               
                        </p>
                                                                                                                                                                                                                                                                                     
                     </div>
                                                                                                                                                                                                                                                                  
                  </div>
                                                                                             
               </div>
                                                                                                                                                                                                                                    
            </td>
                                                                                                                                                                                                                                                 
         </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody> </tbody>                                   
      </table>
                                                                                                                                               
   </div>
</center>

Agradeço a ajuda!
KimBernardes
KimBernardes
*

Membro desde : 15/10/2018
Mensagens : 43
Pontos : 67

http://pottergo.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar imagens da mensagem da página inicial

Mensagem por Roevs 21.02.19 13:40

Olá,

Substitua o código pelo código abaixo

Código:
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat:400,700" />
<center>
                                                                                                                                                                               
  <div class="msbase">
                                                                                                                                                                                 
      <div style="width: 600px; position: relative; height: 190px; overflow: hidden;float: left;">
                                                                                                                                                                                                                                             
        <div class="view-tenth">
                                                                                                                                                <img src="https://i.imgur.com/kPsVlSW.png" />                                                                                                                                 
            <div class="msg">
                                                                                                                                                                                                                                                                                   
              <p>
                                                                                                                                                            Meados do ano 2046 se aproximam, o mundo bruxo está passando por uma crise existencial nunca vista antes por seus antepassados: Vassouras se recusam a voar pelos ares, as reservas de pó de flú tornam-se escassas, varinhas cujos núcleos explodem sem uma causa propriamente dita, algumas poções não surtem mais efeito algum. O que diabos está acontecendo com o mundo bruxo? Estaria à magia perdendo as forças que por tantas vezes foram tão benéficas para as vidas de muitos, mas por que motivos? Na tentativa de lidar com tais circunstâncias <strong>Kalythea Cyder Hagewasser</strong> toma a frente da escola de Magia e Bruxaria de Hogwarts usando todo seu conhecimento em diversas artes místicas para manter a qualidade de estudos em Hogwarts; enquanto isso é <strong>Matthew Lavrov Harper</strong> o atual Ministro da Magia a quem investiga os inúmeros casos de mortes registradas pelo Hospital Saint Mungus pela ausência da essência mágica, um fato curioso é que todas as vítimas possuíam a marca de um sinistro em alguma parte do corpo. <br /><br />Em um reino muito distante, um ser de muita graça e onipotência a tudo observava com infelicidade, embora soubesse o que tivesse causado tamanha devastação no equilíbrio daquele mundo não podia deixar que os responsáveis permanecessem impunes escolheu a dedo dez eleitos para investigar a situação mais de perto. Existem rumores que esses escolhidos de lados opostos trabalham para o mesmo fim. Mas isso não é tudo, há muito mais envolvido, há muito mais em jogo. Talvez tudo isso peça que uma história muito conhecida por trouxas e bruxos dos cinco continentes seja recontada para que uma nova história seja lembrada. Deixo a todos um aviso, quando a entidade de seu trono sair o inimigo pela sua espada irá se extinguir.                                                                                                                               
              </p>
                                                                                                                                                                                                                                                                           
            </div>
                                                                                                                                                                                                                                                       
        </div>
                                                                                                                                                                                                         
      </div>
                                                                                                                                                                                                 
      <div class="PotterGo" style="float: right;">
                                                                                  PotterGo RPG                                                                       
      </div>
                                                                                                                                                                         
      <div style="position: relative; float: right; margin-top: 10px; width: 590px; height: 165px; background-color: transparente; color: #b3b3b3b3; text-align: justify;">
                                                                  Sejam todos bem vindos ao RPG PotterGo, sua presença é de imensa importância para todos nós, este é o lugar para abrir a sua mente para um nova história e se desprender ao passado fechado e minimalista. Abra as portas da sua criatividade e permita que ela flua através de sua imaginação como nunca, nossas tramas são únicas e totalmente originais, você certamente irá se surpreender com os conteúdos das histórias contidas nesses fórum. <br /><br />Para melhor resolução de assuntos específicos, trazemos toda a equipe administrativa do RPG abaixo contendo suas devidas posições que influenciam diretamente em suas funções. <br /><br />                                       
        <div align="right">
                                                      Atenciosamente, POTTERGO.                                         
        </div>
                                                                                                     
      </div>
                                                                                                                       
      <table style="position: relative; margin-top: 20px;">
                                                                                                                                              <tbody></tbody> <tbody></tbody>
        <tr style="">
                                                                                                                                                                                                                       
            <td>
                                                                                         
              <div align="center">
                       
                  <div style="width: 180px; height: 110px; overflow: hidden;  position: relative; float: left;">
                                                                                                                                                                                                                                                 
                    <div class="view-tenth">
                                                                                                                                                            <img src="https://i.imgur.com/OoPGafP.jpg" />                                                                                                                                 
                        <div class="adm">
                                                                                                                                                                                                                                                                                               
                          <p>
                                                                                                                                                                        Kalythea Cyder - ADM MASTER, Narradora responsável pelas Missões, Quests, Trama Principal e Individual de cada grupo existente no RPG e por fim Diretora de Hogwarts.                                                                                                                   
                          </p>
                                                                                                                                                                                                                                                                                       
                        </div>
                                                                                                                                                                                                                                                                   
                    </div>
                                                                                               
                  </div>
                                                                                                                                                                                                                                     
              </div>
                     
            </td>
                                                                                   
            <td>
                                                                                         
              <div style="width: 180px; height: 110px; overflow: hidden;  position: relative; float: left; margin-left: 10px;">
                                                                                                                                                                                                                                             
                  <div class="view-tenth">
                                                                                                                                                        <img src="https://i.imgur.com/zI1OzhA.png" />                                                                                                                                 
                    <div class="adm">
                                                                                                                                                                                                                                                                                           
                        <p>
                                                            Mattew Lavrov - ADM. Ministro da Magia, portanto responsável pelo ministério da magia e seus servidores.                                                                                                                               
                        </p>
                                                                                                                                                                                                                                                                                   
                    </div>
                                                                                                                                                                                                                                                                 
                  </div>
                                                                                           
              </div>
                                                                                                                                                                                                                                   
            </td>
                                                                                   
            <td>
                                                                                         
              <div style="width: 180px; height: 110px; overflow: hidden;  position: relative; float: left; margin-left: 10px;">
                                                                                                                                                                                                                                             
                  <div class="view-tenth">
                                                                                                                                                        <img src="https://i.imgur.com/tdrXyLd.png" />                                                                                                                                 
                    <div class="adm">
                                                                                                                                                                                                                                                                                           
                        <p>
                                                            Alaric Forbes - ADM. Responsável pelas atualizações gerais seja ela nome, rank, perfil bruxo ou PhotoPlayer. Também encarregado pelos trouxas, crianças e adultos.                                                                                                                               
                        </p>
                                                                                                                                                                                                                                                                                   
                    </div>
                                                                                                                                                                                                                                                                 
                  </div>
                                                                                           
              </div>
                                                                                                                                                                                                                                   
            </td>
                                                                                   
            <td>
                                                                                         
              <div style="width: 180px; height: 110px; overflow: hidden;  position: relative; float: left; margin-left: 10px;">
                                                                                                                                                                                                                                             
                  <div class="view-tenth">
                                                                                                                                                        <img src="https://i.imgur.com/3m9Dyad.png" />                                                                                                                                 
                    <div class="adm">
                                                                                                                                                                                                                                                                                           
                        <p>
                                                                                                                                                                    Maxime Heatifiily - ADM, Editora Chefe do Pasquim, portanto responsável por toda a equipe do profeta diário e pelas matérias do fórum. Também encarregada pelas Casas e Famílias.                                                                                                                             
                        </p>
                                                                                                                                                                                                                                                                                   
                    </div>
                                                                                                                                                                                                                                                                 
                  </div>
                                                                                           
              </div>
                                                                                                                                                                                                                                   
            </td>
                                                                                   
            <td>
                                                                                         
              <div style="width: 180px; height: 110px; overflow: hidden;  position: relative; float: left; margin-left: 10px;">
                                                                                                                                                                                                                                             
                  <div class="view-tenth">
                                                                                                                                                        <img src="https://i.imgur.com/Vc0YHmD.png" />                                                                                                                                 
                    <div class="adm">
                                                                                                                                                                                                                                                                                           
                        <p>
                                                            Zane Downpour - ADM MASTER, Diretor do Gringotes, gestor dos funcionários do banco e Sistema Monetário, responsável pelos comerciantes.                                                                                                                             
                        </p>
                                                                                                                                                                                                                                                                                   
                    </div>
                                                                                                                                                                                                                                                                 
                  </div>
                                                                                           
              </div>
                                                                                                                                                                                                                                   
            </td>
                                                                                                                                                                                                                                               
        </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody> </tbody>                                 
      </table>
                                                                                                                                             
  </div>
</center>

Até mais!
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar imagens da mensagem da página inicial

Mensagem por KimBernardes 21.02.19 14:01

Certinho!

Obrigada AquilesD. Rindo
KimBernardes
KimBernardes
*

Membro desde : 15/10/2018
Mensagens : 43
Pontos : 67

http://pottergo.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar imagens da mensagem da página inicial

Mensagem por Convidado 21.02.19 14:09

Tópico resolvido


Movido para "Questões resolvidas".
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos