Ir para conteúdo
Fórum Script Brasil
  • 0

Centralizar Tabela


Guest --gustavo --

Pergunta

Guest --gustavo --

Não consigo centralizar a tabela onde meu site está inserido, ele alinha ao centro horizontalmente mas verticalmente não

ai abaixo vai o código

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

<style type="text/css">

<!--

body {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

background-color: #C6C6C6;

}

-->

</style></head>

<body>

<table width="780" height="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#535353" bgcolor="#C6C6C6" valing="middle">

<tr>

<td width="819" height="430" valign="middle" scope="col"><table width="774" height="163" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<th width="38" height="35" scope="col"><div align="left"><img src="home/imagens/borda_topo_esquerda.jpg" width="38" height="35" /></div></th>

<th scope="col"><div align="center"><img src="home/imagens/filete_superior.jpg" width="699" height="35" /></div></th>

<th width="37" bgcolor="#535353" scope="col"><div align="right"><img src="home/imagens/borda_topo_direita.jpg" width="39" height="35" /></div></th>

</tr>

<tr>

<th bgcolor="#C6C6C6" scope="row"><div align="left"><img src="home/imagens/filete_esquerda.jpg" width="9" height="234" /></div></th>

<td bgcolor="#C6C6C6">&nbsp;</td>

<td bgcolor="#C6C6C6"><div align="right"><img src="home/imagens/filete_direita.jpg" width="6" height="234" /></div></td>

</tr>

<tr>

<th colspan="2" bgcolor="#C6C6C6" scope="row"><div align="left"><img src="home/imagens/borda_baixo_esquerda.jpg" width="39" height="38" /><img src="home/imagens/filete_inferior_1.jpg" width="177" height="38" /><img src="home/imagens/filete_inferior_2.jpg" width="86" height="38" /><img src="home/imagens/filete_inferior_3.jpg" width="92" height="38" /><img src="home/imagens/filete_inferior_5.jpg" width="119" height="38" /><img src="home/imagens/filete_inferior_6.jpg" width="102" height="38" /><img src="home/imagens/filete_inferior_7.jpg" width="122" height="38" /></div></th>

<td bgcolor="#C6C6C6"><img src="home/imagens/borda_baixo_direita.jpg" width="40" height="38" /></td>

</tr>

<tr>

<th colspan="3" scope="row"><img src="home/imagens/menu_trab_academicos.jpg" width="216" height="123" /><img src="home/imagens/mouse.jpg" width="85" height="123" /><img src="home/imagens/fotos.jpg" width="94" height="123" /><img src="home/imagens/tab_academicos.jpg" width="118" height="123" /><img src="home/imagens/perfil.jpg" width="103" height="123" /><img src="home/imagens/menu_penultimo.jpg" width="87" height="123" /><img src="home/imagens/menu_ultimo.jpg" width="74" height="123" /></th>

</tr>

</table></td>

</tr>

</table>

</body>

</html>

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
Guest --gustavo --

já fiz isso, mas não to conseguindo, segue abaixo o código da tabela

<table width="782" height="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#535353" bgcolor="#C6C6C6" valing="middle">

<tr>

<td width="778" height="430" align="center" valign="middle" scope="col"><table width="774" height="163" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<th width="38" height="35" scope="col"><div align="left"><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/borda_topo_esquerda.jpg" width="38" height="35" /></div></th>

<th scope="col"><div align="center"><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/filete_superior.jpg" width="699" height="35" /></div></th>

<th width="37" bgcolor="#535353" scope="col"><div align="right"><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/borda_topo_direita.jpg" width="39" height="35" /></div></th>

</tr>

<tr>

<th bgcolor="#C6C6C6" scope="row"><div align="left"><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/filete_esquerda.jpg" width="9" height="234" /></div></th>

<td align="left" valign="top" bgcolor="#C6C6C6"><table width="100%" height="230" border="0" cellpadding="0" cellspacing="0">

<tr>

<th width="230" height="98" align="center" scope="col"><img src="fotos/rio02.jpg" width="122" height="87" /></th>

<th width="224" align="center" scope="col"><p class="style3"><img src="fotos/rio01.jpg" width="124" height="77" /></p> </th>

<th width="245" align="center" class="style3" scope="col"><img src="fotos/rio03.jpg" width="106" height="78" /></th>

</tr>

<tr>

<th height="123" colspan="3" align="left" class="style3" scope="row">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="fotos/rio04.jpg" width="115" height="79" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#"><img src="fotos/slack.jpg" width="76" height="98" border="0" onclick="MM_openBrWindow('fotosgrandes/slack.jpg','Slackline','width=488,height=650 ')" /></a></th>

</tr>

</table></td>

<td bgcolor="#C6C6C6" class="style3"><div align="right"><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/filete_direita.jpg" width="6" height="234" /></div></td>

</tr>

<tr>

<th colspan="2" bgcolor="#C6C6C6" class="style3" scope="row"><div align="left"><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/borda_baixo_esquerda.jpg" width="39" height="38" /><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/filete_inferior_1.jpg" width="177" height="38" /><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/filete_inferior_2.jpg" width="86" height="38" /><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/filete_inferior_3.jpg" width="92" height="38" /><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/filete_inferior_5.jpg" width="119" height="38" /><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/filete_inferior_6.jpg" width="102" height="38" /><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/filete_inferior_7.jpg" width="122" height="38" /></div></th>

<td bgcolor="#C6C6C6" class="style3"><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/borda_baixo_direita.jpg" width="40" height="38" /></td>

</tr>

<tr>

<th colspan="3" class="style3" scope="row"><img src="menu_fotografia.jpg" width="216" height="123" /><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/mouse.jpg" width="85" height="123" /><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/fotos.jpg" width="94" height="123" /><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/tab_academicos.jpg" width="118" height="123" /><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/perfil.jpg" width="103" height="123" /><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/menu_penultimo.jpg" width="87" height="123" /><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/menu_ultimo.jpg" width="74" height="123" /></th>

</tr>

</table></td>

</tr>

</table>

Link para o comentário
Compartilhar em outros sites

  • 0

_____________________

Aewww irmão, mudei umas coisas, veja se assim funciona.

__________________________________________________

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

<style type="text/css">

<!--

body {

background-color: #C6C6C6;

}

div#centro{

width:780px;

height:400px;

position:absolute;

left:50%;

top:50%;

margin-left:-390px;

margin-top:-200px;

}

-->

</style></head>

<body>

<div id="centro">

<table width="780" height="100%" border="1"cellpadding="0" cellspacing="0" bordercolor="#535353" bgcolor="#C6C6C6">

<tr>

<td width="819" height="430" valign="middle" scope="col"><table width="774" height="163" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<th width="38" height="35" scope="col"><div align="left"><img src="home/imagens/borda_topo_esquerda.jpg" width="38" height="35" /></div></th>

<th scope="col"><div align="center"><img src="home/imagens/filete_superior.jpg" width="699" height="35" /></div></th>

<th width="37" bgcolor="#535353" scope="col"><div align="right"><img src="home/imagens/borda_topo_direita.jpg" width="39" height="35" /></div></th>

</tr>

<tr>

<th bgcolor="#C6C6C6" scope="row"><div align="left"><img src="home/imagens/filete_esquerda.jpg" width="9" height="234" /></div></th>

<td bgcolor="#C6C6C6"> </td>

<td bgcolor="#C6C6C6"><div align="right"><img src="home/imagens/filete_direita.jpg" width="6" height="234" /></div></td>

</tr>

<tr>

<th colspan="2" bgcolor="#C6C6C6" scope="row"><div align="left"><img src="home/imagens/borda_baixo_esquerda.jpg" width="39" height="38" /><img src="home/imagens/filete_inferior_1.jpg" width="177" height="38" /><img src="home/imagens/filete_inferior_2.jpg" width="86" height="38" /><img src="home/imagens/filete_inferior_3.jpg" width="92" height="38" /><img src="home/imagens/filete_inferior_5.jpg" width="119" height="38" /><img src="home/imagens/filete_inferior_6.jpg" width="102" height="38" /><img src="home/imagens/filete_inferior_7.jpg" width="122" height="38" /></div></th>

<td bgcolor="#C6C6C6"><img src="home/imagens/borda_baixo_direita.jpg" width="40" height="38" /></td>

</tr>

<tr>

<th colspan="3" scope="row"><img src="home/imagens/menu_trab_academicos.jpg" width="216" height="123" /><img src="home/imagens/mouse.jpg" width="85" height="123" /><img src="home/imagens/fotos.jpg" width="94" height="123" /><img src="home/imagens/tab_academicos.jpg" width="118" height="123" /><img src="home/imagens/perfil.jpg" width="103" height="123" /><img src="home/imagens/menu_penultimo.jpg" width="87" height="123" /><img src="home/imagens/menu_ultimo.jpg" width="74" height="123" /></th>

</tr>

</table></td>

</tr>

</table>

</div>

</body>

</html>

Link para o comentário
Compartilhar em outros sites

  • 0
Guest --gustavo --

está ai, consegui resolver, deletei a pagina toda e fiz tudo dnovo, devo ter errago algo que não percebi, está ai o código certo, valeu pra geral que ajudou!!!!

head>

<style>

body{

overflow-x: hidden;

overflow-y: hidden;

background-image: url();

background-color: #535353;

}

</style>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- TemplateBeginEditable name="doctitle" -->

<title>Centro Cultural Senzala de Capoeira - Prof. Feinho</title>

<!-- TemplateEndEditable -->

<style type="text/css">

<!--

#Layer2 {

position:absolute;

left:431,000px;

top:79,000px;

width:69px;

height:50px;

z-index:2;

}

#Layer3 {

position:absolute;

left:248px;

top:78px;

width:71px;

height:66px;

z-index:1;

}

#Layer4 {

position:absolute;

left:143px;

top:210px;

width:429px;

height:116px;

z-index:1;

}

#Layer1 {

position:absolute;

left:11px;

top:28px;

width:826px;

height:70px;

z-index:1;

}

.style17 {

font-size: 24px;

color: #FFFFFF;

}

.style21 {font-family: "Courier New", Courier, monospace}

.style23 {

font-size: 18px;

color: #FFFFFF;

font-weight: bold;

}

.style24 {font-size: 24px}

-->

</style>

<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->

</head>

<body>

<table width="778" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#535353" valign = "middle">

<tr>

<th scope="col"><table width="780" border="1" cellpadding="0" cellspacing="0" bordercolor="#666666">

<tr>

<th scope="col"><table width="762" height="213" border="0" cellpadding="0" cellspacing="0">

<tr>

<th width="10" height="35" scope="col"><div align="left"><img src="file:///D|/Documents and Settings/Gustavo/Meus documentos/Gustavo/Sites/Portfolio/site/home/imagens/borda_topo_esquerda.jpg" width="39" height="35" /></div></th>

<th width="132" scope="col"><div align="left"><img src="home/imagens/filete_superior.jpg" width="699" height="35"></div></th>

<th colspan="3" scope="col"><div align="right"><img src="home/imagens/borda_topo_direita.jpg" width="40" height="35"></div></th>

</tr>

<tr>

<th bgcolor="#C6C6C6" scope="row"><div align="left"><img src="home/imagens/filete_esquerda.jpg" width="9" height="234"></div></th>

<td bgcolor="#C6C6C6"> </td>

<td colspan="3" bgcolor="#C6C6C6"><div align="right"><img src="home/imagens/filete_direita.jpg" width="6" height="234"></div></td>

</tr>

<tr>

<th scope="row"><div align="left"><img src="home/imagens/borda_baixo_esquerda.jpg" width="39" height="38"></div></th>

<td><div align="right"><img src="home/imagens/filete_inferior_1.jpg" width="177" height="38"><img src="home/imagens/filete_inferior_2.jpg" width="88" height="38"><img src="home/imagens/filete_inferior_3.jpg" width="92" height="38"><img src="home/imagens/filete_inferior_5.jpg" width="119" height="38"><img src="home/imagens/filete_inferior_6.jpg" width="102" height="38"><img src="home/imagens/filete_inferior_7.jpg" width="121" height="38"></div></td>

<td colspan="3"><div align="right"><img src="home/imagens/borda_baixo_direita.jpg" width="40" height="38"></div></td>

</tr>

<tr>

<th colspan="5" scope="row"><img src="home/menu_home.jpg" width="216" height="123"><img src="home/imagens/mouse.jpg" width="85" height="123"><img src="home/imagens/fotos.jpg" width="93" height="123"><img src="home/imagens/tab_academicos.jpg" width="118" height="123"><img src="home/imagens/perfil.jpg" width="103" height="123"><img src="home/imagens/menu_penultimo.jpg" width="87" height="123"><img src="home/imagens/menu_ultimo.jpg" width="74" height="123"></th>

</tr>

</table></th>

</tr>

</table>

<p> </p>

</th>

</tr>

</table>

</body>

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">

</html>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...