Ir para conteúdo

POWERED BY:

Arquivado

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

rogerteles

Não estou conseguindo aplicar...

Por , em Desenvolvimento frontend

Recommended Posts

rogerteles    0

rogerteles
Postado

Alguem poderia me ajudar?

 

Tentei aplicar uma faux-column num layout de 2 colunas em css, mas não funcionou.

Alguém sabe por que?

A seguir o código que tentei aplicar:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br">

 

<HTML>

<head>

 

<title> Layout de duas colunas rogério </title>

 

<style type="text/css">

 

 

Body{

margin: 10px 15px;

font: 12px Arial, Helvetica, sans-serif;

background:#ffe;

}

 

#tudo {

width:760px;

background: url("D:\Rogério\Besteirtas\códogos testes\Curso CSS\imagens\faux-bg.gif")

repeat-y 0 0;

 

}

#topo {

height: 80px;

background-color:#df7ddf;

}

 

#principal {

width: 578px;

background-color:#9cf;

float:right;

}

 

#navegação {

width: 180px;

background-color:#ffbe7d;

float:left;

}

 

#rodape {

clear:both;

height: 20px;

background-color:#b5daa2;

 

}

 

</style>

 

</head>

 

<body>

 

 

<div id="tudo">

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

<div id="principal">COLUNA PRINCIPALLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eleifend, purus quis laoreet faucibus, ante augue malesuada mi, id rhoncus augue lorem eget elit. Ut sollicitudin sodales purus. Phasellus libero felis, blandit nec, commodo ut, imperdiet ut, nibh. Suspendisse potenti. Donec ullamcorper cursus dolor. Duis vitae ipsum. Maecenas dapibus hendrerit diam. Morbi varius, massa id pretium accumsan, nunc lorem congue libero, ut euismod metus libero id nulla. Duis posuere odio sed velit vulputate venenatis. Suspendisse et dui ac metus auctor fringilla. Curabitur interdum augue a pede.</p>

</div>

<div id="navegação">COLUNA DE NAVEGAÇÃO

<p>Serviços</P>

<p>empresa</p>

<p>produtos</p>

<p>contato</p>

<p>orçamento</p>

<p>parceiros</P>

<p>realizações</p>

<p>rogério</p>

</div>

<div id="rodape">RODAPE</div>

</div>

 

 

 

</body>

</html>

 

 

 

 

Ta ai. Como to tentando iniciar nesta matéria, se alguém puder ajudar, agradeço.

Abraço.

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