Centralizar informação
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Centralizar informação
Qual é minha questão:
Oi pessoal!!
Na página inicial do meu fórum, eu coloquei no geral esse código:
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
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
Re: Centralizar informação
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>
Re: Centralizar informação
Olá!
Substitua por esse código:
Até mais.
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.
Tópicos semelhantes
» Informação
» Remover Informação #2
» Cor dos titulos de informação
» Dar um espaço em informação
» Informação no perfil
» Remover Informação #2
» Cor dos titulos de informação
» Dar um espaço em informação
» Informação no perfil
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos