Centralizar informação

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Centralizar informação

Mensagem por MickMinuzzi 08.02.12 16:53

Qual é minha questão:
Oi pessoal!!

Na página inicial do meu fórum, eu coloquei no geral esse código:

Código:
  <div style="margin:auto;text-align:center;width:100%"><div style="margin:auto;text-align:center;width:100%"><div style="margin:auto; width:100%"><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="3"></td></tr></table><script>
function change_tab(id) {
  jQuery(document).ready(function() {
      jQuery('#tabs ul li').each(function(index) {
        content_id = jQuery(this).attr('id');
        if(index+1 == id) {
            jQuery(this).removeClass('activetab');
            jQuery('#content_' + content_id).show('slow');
        }
        else
        {
            jQuery('#content_' + content_id).hide();
            jQuery(this).addClass('activetab');
        }
      });
  });
}

change_tab(1);
</script><div id="tabs" style="margin-top: 0;">
  <ul>
      <li id="tab1" class="activetab"><a href="javascript: change_tab(1);"><span>⌦ No Que Você Está Pensando?</span></a></li>
      <li id="tab2" class="activetab"><a href="javascript: change_tab(2);"><span>⌦ Últimos Assuntos</span></a></li>
      <li id="tab3" class="activetab"><a href="javascript: change_tab(3);"><span>⌦ Pangya - Eventos</span></a></li>
      <li id="tab4" class="activetab"><a href="javascript: change_tab(4);"><span>⌦ Pangya Atualizações</span></a></li>
  </ul>
</div><div class="panel" style="background-color:#E5F1F9;"><div class="inner"><span class="corners-top"><span></span></span><div id="cp-main" class="ucp-main">
 <div id="content_tab1" style="display: none;">
 <table width="100%" cellpadding="5px;"><tr><td width="11%"><center><img src="http://i46.servimg.com/u/f46/16/86/79/14/nell_a11.png" /><br /><br /><a href="http://bluedragonsguild.forumeiros.com/f125-meu-humor" class="row3" style="padding: 5px; color: #000; font-weight: bold;">Conte Algo!</a></center></td><td width="89%">
  <script src="http://feeds.feedburner.com/MeuHumor?format=sigpro" type="text/javascript" ></script></td></tr></table>
    </div>
   
    <div id="content_tab2" style="display: none; ">
        <table width="100%" cellpadding="5px;"><tr><td width="11%"><center><img src="http://i46.servimg.com/u/f46/16/86/79/14/19_ie10.png"><br><br><a href="http://bluedragonsguild.forumeiros.com/portal?pid=2" class="row3" style="padding: 5px; color: #000; font-weight: bold;">+ Novidades!</a></center></td><td width="89%">
        <script src="http://feeds.feedburner.com/GuildBluedragons?format=sigpro" type="text/javascript" ></script></a></div></div></td></tr></table>
    </div>             

    <div id="content_tab3" style="display: none; ">
        <table width="100%" cellpadding="5px;"><tr><td width="11%"><center><img src="http://i46.servimg.com/u/f46/16/86/79/14/13_eee10.png"><br><br><a href="http://pangya.gamerage.com/List/310110111001-1.aspx" class="row3" style="padding: 5px; color: #000; font-weight: bold;">+ Informações</a></center></td><td width="89%">
      <script src="http://feeds.feedburner.com/ntreev/SejK?format=sigpro" type="text/javascript" ></script></a></div></div></td></tr></table>
    </div>     

    <div id="content_tab4" style="display: none; ">
        <table width="100%" cellpadding="5px;"><tr><td width="11%"><center><img src="http://i46.servimg.com/u/f46/16/86/79/14/13_eee10.png"><br><br><a href="http://pangya.gamerage.com/List/101111010001-1.aspx" class="row3" style="padding: 5px; color: #000; font-weight: bold;">+ Notícias!</a></center></td><td width="89%">
      <script src="http://feeds.feedburner.com/ntreev/szrv?format=sigpro" type="text/javascript" ></script></a></div></div></td></tr></table>
    </div> 

                           
</div><div class="clear"></div><span class="corners-bottom"><span></span></span></div></div><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="3"></td></tr></table></div></span></div></div>

Como faço para centralizar esse tipo de informação?

Medidas que eu tomei para corrigir o problema:
Tentei usar a tag center mas naõ resultou

Links e imagens do meu problema:
<a href="https://servimg.com/view/16867914/489" target="_blank" ><img src="https://i.servimg.com/u/f46/16/86/79/14/sem_ta20.png" border="0" alt="Image hosted by servimg.com" /></a>

Endereço do meu fórum:
bluedragonsguild.forumeiros.com

Versão do meu fórum:
PHPBB3
MickMinuzzi

MickMinuzzi
**

Membro desde : 25/01/2012
Mensagens : 93
Pontos : 153

http://guildbluedragons.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar informação

Mensagem por Lucaas Falcon 08.02.12 17:07

Tente

Código:
<div style="margin:auto;text-align:center;width:100%"><div style="margin:auto;text-align:center;width:100%"><div style="margin:auto; width:100%"><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="3"></td></tr></table><script>
function change_tab(id) {
  jQuery(document).ready(function() {
      jQuery('#tabs ul li').each(function(index) {
        content_id = jQuery(this).attr('id');
        if(index+1 == id) {
            jQuery(this).removeClass('activetab');
            jQuery('#content_' + content_id).show('slow');
        }
        else
        {
            jQuery('#content_' + content_id).hide();
            jQuery(this).addClass('activetab');
        }
      });
  });
}

change_tab(1);
</script><div id="tabs" style="margin-top: 0;">
  <ul>
      <li id="tab1" class="activetab"><a href="javascript: change_tab(1);"><span><div style="margin:auto;text-align:center;width:100%">⌦ No Que Você Está Pensando?</div></span></a></li>
      <li id="tab2" class="activetab"><a href="javascript: change_tab(2);"><span><div style="margin:auto;text-align:center;width:100%">⌦ Últimos Assuntos</div></span></a></li>
      <li id="tab3" class="activetab"><a href="javascript: change_tab(3);"><span><div style="margin:auto;text-align:center;width:100%">⌦ Pangya - Eventos</div></span></a></li>
      <li id="tab4" class="activetab"><a href="javascript: change_tab(4);"><span><div style="margin:auto;text-align:center;width:100%">⌦ Pangya Atualizações</div></span></a></li>
  </ul>
</div><div class="panel" style="background-color:#E5F1F9;"><div class="inner"><span class="corners-top"><span></span></span><div id="cp-main" class="ucp-main">
 <div id="content_tab1" style="display: none;">
 <table width="100%" cellpadding="5px;"><tr><td width="11%"><center><img src="http://i46.servimg.com/u/f46/16/86/79/14/nell_a11.png" /><br /><br /><a href="http://bluedragonsguild.forumeiros.com/f125-meu-humor" class="row3" style="padding: 5px; color: #000; font-weight: bold;">Conte Algo!</a></center></td><td width="89%">
  <script src="http://feeds.feedburner.com/MeuHumor?format=sigpro" type="text/javascript" ></script></td></tr></table>
    </div>
   
    <div id="content_tab2" style="display: none; ">
        <table width="100%" cellpadding="5px;"><tr><td width="11%"><center><img src="http://i46.servimg.com/u/f46/16/86/79/14/19_ie10.png"><br><br><a href="http://bluedragonsguild.forumeiros.com/portal?pid=2" class="row3" style="padding: 5px; color: #000; font-weight: bold;">+ Novidades!</a></center></td><td width="89%">
        <script src="http://feeds.feedburner.com/GuildBluedragons?format=sigpro" type="text/javascript" ></script></a></div></div></td></tr></table>
    </div>             

    <div id="content_tab3" style="display: none; ">
        <table width="100%" cellpadding="5px;"><tr><td width="11%"><center><img src="http://i46.servimg.com/u/f46/16/86/79/14/13_eee10.png"><br><br><a href="http://pangya.gamerage.com/List/310110111001-1.aspx" class="row3" style="padding: 5px; color: #000; font-weight: bold;">+ Informações</a></center></td><td width="89%">
      <script src="http://feeds.feedburner.com/ntreev/SejK?format=sigpro" type="text/javascript" ></script></a></div></div></td></tr></table>
    </div>     

    <div id="content_tab4" style="display: none; ">
        <table width="100%" cellpadding="5px;"><tr><td width="11%"><center><img src="http://i46.servimg.com/u/f46/16/86/79/14/13_eee10.png"><br><br><a href="http://pangya.gamerage.com/List/101111010001-1.aspx" class="row3" style="padding: 5px; color: #000; font-weight: bold;">+ Notícias!</a></center></td><td width="89%">
      <script src="http://feeds.feedburner.com/ntreev/szrv?format=sigpro" type="text/javascript" ></script></a></div></div></td></tr></table>
    </div> 

                           
</div><div class="clear"></div><span class="corners-bottom"><span></span></span></div></div><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="3"></td></tr></table></div></span></div></div>

Piscada
Lucaas Falcon

Lucaas Falcon
*

Membro desde : 21/01/2012
Mensagens : 40
Pontos : 60

http://brotherhood-samp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar informação

Mensagem por MickMinuzzi 08.02.12 17:17

Infelizmente não deu certo =(
MickMinuzzi

MickMinuzzi
**

Membro desde : 25/01/2012
Mensagens : 93
Pontos : 153

http://guildbluedragons.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Centralizar informação

Mensagem por Luciano98 08.02.12 18:47

Olá!

Substitua por esse código:
Código:
  <div style="margin:auto;text-align:center;width:100%"><div style="margin:auto;text-align:center;width:100%"><div style="margin:auto; width:100%"><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="3"></td></tr></table><script>
function change_tab(id) {
  jQuery(document).ready(function() {
      jQuery('#tabs ul li').each(function(index) {
        content_id = jQuery(this).attr('id');
        if(index+1 == id) {
            jQuery(this).removeClass('activetab');
            jQuery('#content_' + content_id).show('slow');
        }
        else
        {
            jQuery('#content_' + content_id).hide();
            jQuery(this).addClass('activetab');
        }
      });
  });
}

change_tab(1);
</script><div id="tabs" style="margin-top: 0;">
  <ul style=" margin-left: 19.7%; ">
      <li id="tab1" class="activetab"><a href="javascript: change_tab(1);"><span>⌦ No Que Você Está Pensando?</span></a></li>
      <li id="tab2" class="activetab"><a href="javascript: change_tab(2);"><span>⌦ Últimos Assuntos</span></a></li>
      <li id="tab3" class="activetab"><a href="javascript: change_tab(3);"><span>⌦ Pangya - Eventos</span></a></li>
      <li id="tab4" class="activetab"><a href="javascript: change_tab(4);"><span>⌦ Pangya Atualizações</span></a></li>
  </ul>
</div><div class="panel" style="background-color:#E5F1F9;"><div class="inner"><span class="corners-top"><span></span></span><div id="cp-main" class="ucp-main">
 <div id="content_tab1" style="display: none;">
 <table width="100%" cellpadding="5px;"><tr><td width="11%"><center><img src="http://i46.servimg.com/u/f46/16/86/79/14/nell_a11.png" /><br /><br /><a href="http://bluedragonsguild.forumeiros.com/f125-meu-humor" class="row3" style="padding: 5px; color: #000; font-weight: bold;">Conte Algo!</a></center></td><td width="89%">
  <script src="http://feeds.feedburner.com/MeuHumor?format=sigpro" type="text/javascript" ></script></td></tr></table>
    </div>
   
    <div id="content_tab2" style="display: none; ">
        <table width="100%" cellpadding="5px;"><tr><td width="11%"><center><img src="http://i46.servimg.com/u/f46/16/86/79/14/19_ie10.png"><br><br><a href="http://bluedragonsguild.forumeiros.com/portal?pid=2" class="row3" style="padding: 5px; color: #000; font-weight: bold;">+ Novidades!</a></center></td><td width="89%">
        <script src="http://feeds.feedburner.com/GuildBluedragons?format=sigpro" type="text/javascript" ></script></a></div></div></td></tr></table>
    </div>             

    <div id="content_tab3" style="display: none; ">
        <table width="100%" cellpadding="5px;"><tr><td width="11%"><center><img src="http://i46.servimg.com/u/f46/16/86/79/14/13_eee10.png"><br><br><a href="http://pangya.gamerage.com/List/310110111001-1.aspx" class="row3" style="padding: 5px; color: #000; font-weight: bold;">+ Informações</a></center></td><td width="89%">
      <script src="http://feeds.feedburner.com/ntreev/SejK?format=sigpro" type="text/javascript" ></script></a></div></div></td></tr></table>
    </div>     

    <div id="content_tab4" style="display: none; ">
        <table width="100%" cellpadding="5px;"><tr><td width="11%"><center><img src="http://i46.servimg.com/u/f46/16/86/79/14/13_eee10.png"><br><br><a href="http://pangya.gamerage.com/List/101111010001-1.aspx" class="row3" style="padding: 5px; color: #000; font-weight: bold;">+ Notícias!</a></center></td><td width="89%">
      <script src="http://feeds.feedburner.com/ntreev/szrv?format=sigpro" type="text/javascript" ></script></a></div></div></td></tr></table>
    </div> 

                           
</div><div class="clear"></div><span class="corners-bottom"><span></span></span></div></div><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="3"></td></tr></table></div></span></div></div>

Até mais.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar informação

Mensagem por MickMinuzzi 09.02.12 4:08

Oba, funcionou! Muito obrigado gente!
MickMinuzzi

MickMinuzzi
**

Membro desde : 25/01/2012
Mensagens : 93
Pontos : 153

http://guildbluedragons.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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