Ir para conteúdo

POWERED BY:

Arquivado

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

Montanha

Código para Tableless

Por , em Desenvolvimento frontend

Recommended Posts

Montanha    0

Montanha
Postado

Meu código de Tableless está correto?

 

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Tableless</title>

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

 

<link href="css/estilo.css" rel="stylesheet" type="text/css">

</head>

 

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

<div id="topo">Topo</div>

<div id="conteudo">

<div id="menu">

<p>Menu</p>

<ul>

<li>Item</li>

<li>Item</li>

<li>Item</li>

<li>Item</li>

</ul>

</div>

<div id="centro">

<p>Centro da página</p>

<p>Blá</p>

<p>Blá</p>

<p>Blá</p>

<p>Blá</p>

<p>blá</p>

<p>blá</p>

</div>

<div id="banners">

<p>Banners</p>

<p>Banners</p>

</div>

</div>

<div id="rodape">Rodapé</div>

</body>

</html>

CSS

/* CSS Document */

body {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color: #000000;

font-style: normal;

}

#topo {

width: 778px;

height: 80px;

background-color: #006699;

}

#conteudo{

width: 778px;

background-color: #FF0000;

vertical-align: top;

}

#rodape{

background-color: #CCCCCC;

width: 778px;

height: 20px;

overflow: visible;

}

#menu {

width: 200px;

background-color: #009900;

position: relative;

color: #FFFFFF;

font-size: 12px;

overflow: visible;

margin: 0px;

float: left;

}

#centro{

width: 500px;

background-color: #99FF00;

position: relative;

float: left;

}

#banners{

width: 78px;

background-color: #3399FF;

position: relative;

float: left;

}

Obrigado!

 

Aí, falow!

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