Centralizar informação

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

Resolvido Centralizar informação

Mensagem por MickMinuzzi em 08/02/12, 02:53 pm

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="http://www.servimg.com/image_preview.php?i=489&u=16867914" target="_blank" ><img src="http://i46.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
avatar

MickMinuzzi
Nível 7

Masculino
Inscrito dia : 25/01/2012
Mensagens : 93
Pontos Ativos : 153

Ver perfil do usuário http://guildbluedragons.forumeiros.com/

Resolvido Re: Centralizar informação

Mensagem por Lucaas Falcon em 08/02/12, 03:07 pm

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
avatar

Lucaas Falcon
Nível 5

Masculino
Inscrito dia : 21/01/2012
Mensagens : 40
Pontos Ativos : 60

Ver perfil do usuário http://brotherhood-samp.forumeiros.com

Resolvido Re: Centralizar informação

Mensagem por MickMinuzzi em 08/02/12, 03:17 pm

Infelizmente não deu certo =(
avatar

MickMinuzzi
Nível 7

Masculino
Inscrito dia : 25/01/2012
Mensagens : 93
Pontos Ativos : 153

Ver perfil do usuário http://guildbluedragons.forumeiros.com/

Resolvido Re: Centralizar informação

Mensagem por Luciano98 em 08/02/12, 04:47 pm

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Centralizar informação

Mensagem por MickMinuzzi em 09/02/12, 02:08 am

Oba, funcionou! Muito obrigado gente!
avatar

MickMinuzzi
Nível 7

Masculino
Inscrito dia : 25/01/2012
Mensagens : 93
Pontos Ativos : 153

Ver perfil do usuário http://guildbluedragons.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum