oi, eu to fazendo um site em tabela, mas to tendo um problema para alinhar o conteudo dentro da tabela porque a conteudo tem que ser carregado na célula do meio e em cima, como essa célula é muito grande o conteudo fica la em baixo.
segue abaixo o código da minha página pra qm quiser dar um olhada
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: blue;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: blue;
scrollbar-darkshadow-color: white;
scrollbar-shadow-color: blue;
scrollbar-arrow-color: white;
scrollbar-track-color: blue;
}
-->
</STYLE>
<!-- TemplateBeginEditable name="doctitle" -->
<title>Bairros Curitiba Online</title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
<body BGCOLOR="#00CCFF">
<table width="800" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#00CCFF">
<tr>
<td colspan="6"><img src="../baner%20portal.png" width="800" height="200"></td>
</tr>
<tr>
<td height="30" colspan="6"><img src="../cima.png" width="800" height="30" border="0" usemap="#Map"></td>
</tr>
<tr>
<td width="150" height="21"> </td>
<td width="125"> </td>
<td width="121"> </td>
<td width="121"> </td>
<td width="121"> </td>
<td width="152"> </td>
</tr>
<tr>
<td height="32"><img src="../academias.png" width="150" height="30"></td>
<td colspan="4" rowspan="35"><!-- TemplateBeginEditable name="EditRegion3" --><!-- TemplateEndEditable --></td>
<td width="152" height="150" rowspan="5"><script language="JavaScript">
var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="";
url="pg-teste.htm";
alt="Universo do Contrutor";
banner="http://www.bairroscuritibaonline.com.br/crbst%5flogo%5f20amarelo.jpg";
width="150";
height="150";
}
if (ad==2) {
txt="";
url="http://www.criarblog.com";
alt="Aliança";
banner="http://www.bairroscuritibaonline.com.br/crbst%5fAliana%5f2B%2d%5f%5f.jpg";
width="150";
height="150";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_parent\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script></td>
</tr>
<tr>
<td><img src="../acess%F3rios%20para%20festas.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../advogados.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../anima%E7%E3o%20de%20festas.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../auto%20pe%E7as.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../avi%E1rios.png" width="150" height="30"></td>
<td width="152" height="150" rowspan="5">
<script language="JavaScript">
var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="";
url="pg-teste.htm";
alt="Dicas para Webmasters";
banner="http://www.bairroscuritibaonline.com.br/crbst%5fAliana%5f2B%2d%5f%5f.jpg";
width="150";
height="150";
}
if (ad==2) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="150";
height="150";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_parent\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script></td>
</tr>
<tr>
<td><img src="../buffets.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../cabeleireiros.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../cosm%E9ticos.png" width="150" height="30"></td>
</tr>
<tr>
<td height="20"><img src="../dentistas.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../distribuidoras.png" width="150" height="30"></td>
<td width="152" height="150" rowspan="5">
<script language="JavaScript">
var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="";
url="pg-teste.htm";
alt="Dicas para Webmasters";
banner="http://www.bairroscuritibaonline.com.br/crbst%5fAliana%5f2B%2d%5f%5f.jpg";
width="150";
height="150";
}
if (ad==2) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="150";
height="150";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_parent\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script></td>
</tr>
<tr>
<td><img src="../eletronicas.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../escolas.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../farm%E1cias.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../frutas%20e%20verduras.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../graficas.png" width="150" height="30"></td>
<td width="152" height="150" rowspan="5">
<script language="JavaScript">
var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="";
url="pg-teste.htm";
alt="Dicas para Webmasters";
banner="http://www.bairroscuritibaonline.com.br/crbst%5fAliana%5f2B%2d%5f%5f.jpg";
width="150";
height="150";
}
if (ad==2) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="150";
height="150";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_parent\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script></td>
</tr>
<tr>
<td><img src="../informatica.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../livrarias.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../locadoras.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../lojas%20de%20roupas.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../mat.de%20contru%E7%E3o.png" width="150" height="30"></td>
<td rowspan="5"><script language="JavaScript">
var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="";
url="pg-teste.htm";
alt="Dicas para Webmasters";
banner="http://www.bairroscuritibaonline.com.br/crbst%5fAliana%5f2B%2d%5f%5f.jpg";
width="150";
height="150";
}
if (ad==2) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="150";
height="150";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_parent\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script></td>
</tr>
<tr>
<td><img src="../mecanicas.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../mercados.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../moveis.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../mudan%E7as%20e%20carretos.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../panificadoras.png" width="150" height="30"></td>
<td rowspan="5"><script language="JavaScript">
var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="";
url="pg-teste.htm";
alt="Dicas para Webmasters";
banner="http://www.bairroscuritibaonline.com.br/crbst%5fAliana%5f2B%2d%5f%5f.jpg";
width="150";
height="150";
}
if (ad==2) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="150";
height="150";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_parent\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script></td>
</tr>
<tr>
<td><img src="../pet%20shop.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../pizzarias.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../restaurante.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../seguran%E7a.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../serralherias.png" width="150" height="30"></td>
<td rowspan="5"><script language="JavaScript">
var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="";
url="pg-teste.htm";
alt="Dicas para Webmasters";
banner="http://www.bairroscuritibaonline.com.br/crbst%5fAliana%5f2B%2d%5f%5f.jpg";
width="150";
height="150";
}
if (ad==2) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="150";
height="150";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_parent\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script></td>
</tr>
<tr>
<td><img src="../som%20automotivo.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../som%20e%20ilumina%E7%E3o.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../veterinarios.png" width="150" height="30"></td>
</tr>
<tr>
<td><img src="../vidra%E7arias.png" width="150" height="30"></td>
</tr>
<tr>
<td height="21" colspan="6">
<div align="center">
<p><strong><font size="3">Copyright 2009 - BairrosCuritibaOnline Todos
os direitos reservados. </font></strong></p>
<p><strong><font size="3">Otimização de sites by Mks web
Master. </font></strong></p>
</div></td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="0,1,97,26" href="../index.htm">
</map>
</body>
</html>
a minha duvida é: como q eu faço para colocar uma tabela dentro da célula do meio, mas que ela fique la no começo (topo)dessa célula? eu já tentei fazer isso com camadas mais quando eu troco a resolução da tela o conteudo fica tudo fora. ex:
eu to com a resolução 124 o site fica normal, mais quando eu coloco para 800 aquela parte de dentro da camada sai do lugar onde ela tava e vai para cima do conteudo das outra células da tabela.
alguém sabe porque acontece isso e como arrumas?
se não fui claro postem ai que explico novamente.
agradeço desde já.
quero que meu site fique mais ou menos como esse site quando clica em vitória régia tem os links dos comercios eu quero alinha como ta la.
se alguém souber um jeito de fazer isso por favor posta ai
Pergunta
vini_loock
oi, eu to fazendo um site em tabela, mas to tendo um problema para alinhar o conteudo dentro da tabela porque a conteudo tem que ser carregado na célula do meio e em cima, como essa célula é muito grande o conteudo fica la em baixo.
segue abaixo o código da minha página pra qm quiser dar um olhada
a minha duvida é: como q eu faço para colocar uma tabela dentro da célula do meio, mas que ela fique la no começo (topo)dessa célula? eu já tentei fazer isso com camadas mais quando eu troco a resolução da tela o conteudo fica tudo fora. ex:
eu to com a resolução 124 o site fica normal, mais quando eu coloco para 800 aquela parte de dentro da camada sai do lugar onde ela tava e vai para cima do conteudo das outra células da tabela.
alguém sabe porque acontece isso e como arrumas?
se não fui claro postem ai que explico novamente.
agradeço desde já.
quero que meu site fique mais ou menos como esse site quando clica em vitória régia tem os links dos comercios eu quero alinha como ta la.
se alguém souber um jeito de fazer isso por favor posta ai
vlw
Editado por vini_loockLink para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
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.