Ir para conteúdo

POWERED BY:

Arquivado

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

Web 1

Estrutura tabela com div

Por , em Desenvolvimento frontend

Recommended Posts

Web 1    0

Web 1
Postado

Pessoal, tenho a seguinte estrutura em html

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tabelas HTML</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#F60">1</td>
<td width="980" bgcolor="#099">2</td>
<td bgcolor="#00F">3</td>
</tr>
</table>
</body>
</html>

 

 

Gostaria de deixar o codigo de html5 igual ao de cima, como faço?

 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tabelas</title>
</head>
<style>

body {
margin:0px;
   text-align: center;
background-color:#CCC
}

#principal {
border: 1px solid #000;
width: 100%;
height:auto;
text-align: left;
margin-left: auto;
margin-right: auto;
background-color:#F00;

}

#tabela1 {
width:100px;
background:#F60;
float: left;


}

#tabela2 {
width:100px;
background:#099;
float: left;

}

#tabela3 {
width:100px;
background-color:#00F
float: right;

}
</style> 
<body>
<div id="principal">

<div id="tabela1">Tabela 1</div>

<div id="tabela2">Tabela 2</div>

<div id="tabela3">Tabela 3</div>

</div>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

E esse conteúdo vai ser o que?

Se é tabela não tem por que ficar metendo div. Table existe e quando necessário deve ser utilizado sem receio algum.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado

E esse conteúdo vai ser o que?

Se é tabela não tem por que ficar metendo div. Table existe e quando necessário deve ser utilizado sem receio algum.

 

Gio, é visivelmente um layout típico. Duas colunas com conteúdo ao centro.

 

A Diéssica já postou material suficiente, creio eu.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Pois é @Evandro Oliveira, só fiquei em dúvida, pois ali os td's ou div's, estão setadas com 100px cada.

Mas enfim, se for pra layout, tá bem respondido pela @Diéssica sim :thumbsup:

Gio, é visivelmente um layout típico. Duas colunas com conteúdo ao centro.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Web 1    0

Web 1
Postado

A estrutura que me passaram eu ja conseguir fazer!

Não pedi a ninguem que me montasse o código com citado por um membro.

Pedi que ajudasse a deixar o html5 dentro do padrão que coloquei acima.

 

célula 100% tabela fixa 950px célula 100%

 

Até agora nao encontrei nada na internet sobre isso

 

estou usando float: left float: center float: right

 

mas mesmo assim não esta encaixando os divs.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

célula 100% tabela fixa 950px célula 100%

 

Até agora nao encontrei nada na internet sobre isso

Jura?

http://forum.imasters.com.br/topic/456941-estrutura-tabela-com-div/page__view__findpost__p__1808426

 

O tipo de layout que tu quer fazer se chama layout fluído.

 

estou usando float: left float: center float: right

float: center não existe. Os únicos valores que existem para a propriedade float são: left, right, inherit e none.

:seta: http://www.w3schools.com/cssref/pr_class_float.asp

 

Tem que trabalhar com margin. Acessa o tutorial :thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito