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

(Resolvido) tabelas dreamweaver'


vini_loock

Pergunta

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">&nbsp;</td>
    <td width="125">&nbsp;</td>
    <td width="121">&nbsp;</td>
    <td width="121">&nbsp;</td>
    <td width="121">&nbsp;</td>
    <td width="152">&nbsp;</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&ccedil;&atilde;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

vlw

Editado por vini_loock
Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Na linha (<td>) terá que inserir alguns códigos que irá centralizar e colocar no topo o seu conteúdo.

Este é um exemplo de uma linha com seu conteúdo no centro e no topo:

<td align="center" valign="top">Aqui fica o conteúdo da linha</td>

Deu pra sacar como faz???

align: alinha o conteúdo da linha na horizontal; pode ser na esquerda, direita, centro e justificado

valign: alinha o conteúdo da linha na vertical; pode ser no topo, no meio ou na base(final da linha).

Entendeu?

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,1k
    • Posts
      651,8k
×
×
  • Criar Novo...