Ir ao conteúdo
  • Cadastre-se

Tabelas Desalinhadas


Enzo Sevilhano

Posts recomendados

fala galera...

Bom estou aqui mais uma vez para pedir o Help para vocês.....

eu tive que criar 5 tabelas dentro de div para cada tabela e uma div onde coloco todas as outras

bom eu não consigo alinhar os tamanhos das tabelas.. fiquei sabendo que isso é um BUG do Dreamwaver, gostaria de uma ajuda de vocês para resolver esse problema...

fico no aguardo...

muito obrigado

Enzo Sevilhano

Segue o codigo.....

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>

<!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>TESTE PME TABELAS</title>

<style type="text/css">

<!--

#Layer1 {

position:absolute;

left:7px;

top:9px;

width:62px;

height:366px;

z-index:1;

}

.style17 {color: #FF0000; font-weight: bold; }

#Layer2 {

position:absolute;

left:535px;

top:5px;

width:144px;

height:374px;

z-index:2;

}

#Layer3 {

position:absolute;

left:76px;

top:9px;

width:152px;

height:345px;

z-index:3;

}

#Layer4 {

position:absolute;

left:228px;

top:5px;

width:151px;

height:342px;

z-index:4;

}

#Layer5 {

position:absolute;

left:381px;

top:5px;

width:156px;

height:382px;

z-index:5;

}

#Layer6 {

position:absolute;

left:48px;

top:33px;

width:779px;

height:643px;

z-index:6;

}

#Layer7 {

position:absolute;

left:117px;

top:95px;

width:743px;

height:419px;

z-index:6;

visibility: visible;

}

-->

</style>

</head>

<body>

<div id="Layer7">

<div id="Layer1">

<table width="61" height="376" border="1">

<tr>

<td width="119" height="62" bgcolor="#FFE4D3"><center>

Idade

</center></td>

</tr>

<tr>

<td width="119" height="28"><center>

0-18

</center></td>

</tr>

<tr>

<td height="30"><center>

19-23

</center></td>

</tr>

<tr>

<td><center>

24-28

</center></td>

</tr>

<tr>

<td><center>

29-33

</center></td>

</tr>

<tr>

<td><center>

34-38

</center></td>

</tr>

<tr>

<td><center>

39-43

</center></td>

</tr>

<tr>

<td height="30"><center>

44-48

</center></td>

</tr>

<tr>

<td><center>

49-53

</center></td>

</tr>

<tr>

<td><center>

54-58

</center></td>

</tr>

<tr>

<td><center>

59 +

</center></td>

</tr>

<tr>

<td height="29">

<center>

TOTAL

</center>

</td>

</tr>

</table>

</div>

<div id="Layer3">

<table width="151" height="376" border="1">

<tr>

<td height="26" colspan="2" bgcolor="#FFE4D3"><div align="center">Rede Plena</div></td>

</tr>

<tr>

<td width="93" height="26" bgcolor="#FFFFFF"><div align="center">QP</div></td>

<td width="91" bgcolor="#FFFFFF"><div align="center">QC</div></td>

</tr>

<tr>

<td height="36">a</td>

<td>a</td>

</tr>

<tr>

<td height="29">a</td>

<td>a</td>

</tr>

<tr>

<td height="23">a</td>

<td>a</td>

</tr>

<tr>

<td height="23">a</td>

<td>a</td>

</tr>

<tr>

<td height="25">o</td>

<td>a</td>

</tr>

<tr>

<td height="24">a</td>

<td>a</td>

</tr>

<tr>

<td height="32">a</td>

<td>a</td>

</tr>

<tr>

<td height="23">a</td>

<td>a</td>

</tr>

<tr>

<td height="24">a</td>

<td>a</td>

</tr>

<tr>

<td height="23">a</td>

<td>a</td>

</tr>

</table>

</div>

<div id="Layer4">

<table width="151" height="376" border="1">

<tr>

<td height="30" colspan="2"><div align="center" bgcolor="#FFE4D3">Rede Básica </div></td>

</tr>

<tr>

<td width="92" height="26"><div align="center">QP</div></td>

<td width="92"><div align="center">QC</div></td>

</tr>

<tr>

<td>aA</td>

<td>a</td>

</tr>

<tr>

<td height="27">a</td>

<td>a</td>

</tr>

<tr>

<td>a</td>

<td>a</td>

</tr>

<tr>

<td>a</td>

<td>a</td>

</tr>

<tr>

<td>a</td>

<td>a</td>

</tr>

<tr>

<td height="29">a</td>

<td>a</td>

</tr>

<tr>

<td>a</td>

<td>a</td>

</tr>

<tr>

<td>a</td>

<td>a</td>

</tr>

<tr>

<td>a</td>

<td>a</td>

</tr>

<tr>

<td height="25">a</td>

<td>a</td>

</tr>

<tr>

<td height="25">a</td>

<td>a</td>

</tr>

</table>

</div>

<div id="Layer5">

<table width="151" height="376" border="1">

<tr>

<td colspan="2"><div align="center" bgcolor="#FFE4D3">Rede Clinic </div></td>

</tr>

<tr>

<td width="95" height="28"><div align="center">QP</div></td>

<td width="89"><div align="center">QC</div></td>

</tr>

<tr>

<td></td>

<td>a</td>

</tr>

<tr>

<td height="26">a</td>

<td>a</td>

</tr>

<tr>

<td>a</td>

<td>a</td>

</tr>

<tr>

<td>a</td>

<td>a</td>

</tr>

<tr>

<td>a</td>

<td>a</td>

</tr>

<tr>

<td height="29">a</td>

<td>a</td>

</tr>

<tr>

<td>a</td>

<td>a</td>

</tr>

<tr>

<td>a</td>

<td>a</td>

</tr>

<tr>

<td height="27">a</td>

<td>a</td>

</tr>

<tr>

<td height="24">a</td>

<td>a</td>

</tr>

<tr>

<td height="31">a</td>

<td>a</td>

</tr>

</table>

</div>

<div id="Layer2">

<table width="126" height="376" border="1">

<tr>

<td width="119" height="23" bgcolor="#FFE4D3"><center>

Rede Standard

</center></td>

</tr>

<tr>

<td height="26" ><center>QC</center></td>

</tr>

<tr>

<td width="119" height="25"><center>

0-18

</center></td>

</tr>

<tr>

<td><center>

19-23

</center></td>

</tr>

<tr>

<td><center>

24-28

</center></td>

</tr>

<tr>

<td><center>

29-33

</center></td>

</tr>

<tr>

<td><center>

34-38

</center></td>

</tr>

<tr>

<td><center>

39-43

</center></td>

</tr>

<tr>

<td><center>

44-48

</center></td>

</tr>

<tr>

<td height="28"><center>

49-53

</center></td>

</tr>

<tr>

<td height="24"><center>

54-58

</center></td>

</tr>

<tr>

<td height="31"><center>

59 +

</center></td>

</tr>

<tr>

<td height="26">

<center>

TOTAL

</center>

</td>

</tr>

</table>

</div>

</div>

</body>

</html>

Link para o comentário
Compartilhar em outros sites

1º Eu preferia fazer tudo em uma tabela só, ok, só opiniao.

2º O ideal é colocar o css em arquivo separado e não no htm.

3º Por que criaste "layer"(divs com posicion: absolute) para envolver as tabelas, e não divs "normais"?

4º Tambem uso Dreamweaver, ele acaba com tarefas muito chatas como criar tabelas, porém vivo verificando o codigo, não por ele criar codigo errado, mas ele cria definições muito chatas tipo as layer. Escrevi uma ****** agora hehehe, desconta o nº3 :D

5º Se você ainda preferir alinhar as Divs depois de tudo q falei( só muito chatoo, desculpe :P ), é só mudar o atributo top delas prum valor igual(pensei q fosse margin-top, dxa). olha:

#Layer1 {
position:absolute;
left:7px;
top:9px; /*<----aqui*/
width:62px;
height:366px;
z-index:1;
}

acho q é isso

quando eu vi o code, já pensei em falar de um bando de coisas contra usar table em layout, massssssss :blink: estava sendo usada para seu devido uso :joia: hehehee

Flwwss :-BEER

Link para o comentário
Compartilhar em outros sites

  • 2 anos depois...

Bom galera achei esse tópico e acho que alguém pode me ajudar ou me indicar um tópico que contenha alguma dica.

Bom a minha questão é a seguinte, trabalho com programação web e tenho uma dúvida sobre tabelas....

criei a tabela e abrindo no IE6 ou superior aparece da maneira que quero que apareça, porém no Firefox 3 aparentemente aparece uma quebra de linha nas duas primeiras linhas.

já fucei em todo o código e não consegui achar o erro

o meu código html está assim:


<table border="0" width="100%" cellspacing="1" cellpadding="1">
<tr>
<td align="right" valign="top" colspan="2">
<h4> {pre_nome}
</td>
</tr>
<tr>
<td align="right" valign="top" colspan="2">
<h2> Usuário: {usuario}
</td>
</tr>
<tr>
<td align="right" valign="top" width="90%">
<a href="alterarsenha.php">
<img src="imagens/_alterarsenha.png" border="0">
</a>
</td>
<td align="right" valign="top">
<a href="logout.php" target="_top" onClick="javascript:return confirm('Confirma saída do sistema?')">
<img src="imagens/_sair.png" border="0">
</a>
</td>
</tr>
</table>

:muro:

se puderem me ajudar valeu

post-417226-13884948429926_thumb.jpg

post-417226-13884948430223_thumb.jpg

Link para o comentário
Compartilhar em outros sites

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...