Ir para conteúdo

POWERED BY:

Arquivado

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

Roger Renan

[Resolvido] Colorindo DIV's

Por , em Desenvolvimento frontend

Recommended Posts

Roger Renan    0

Roger Renan
Postado

Como vcs podem ver o meu grande problema esta nas Div's, daqui a pouco eu vo desistir e vo fazer todo o meu site com tabela, será bem mais fácil de organizar o layout....Mas vamos lá....

Copiei o código do site do Majour e estava fazendo algumas alterações...

Eu qeria colocar um background-color diferente para cada div. Consegui colorir de branco a div principal, mas as outras ficam coloridas apenas em cima do que esta impresso dentro da div. Me ajudem!!!

Como faço para deixar cada div com uma cor diferente em todo o seu espaço???

Segue abaixo o código....

 

O HTML

<html>
<head>
<title>Página Inicial</title>
   <link href="estilo.css" rel="stylesheet" type="text/css">
</head>
<body>

<div id="tudo">
<div id="cabecalho">
	<h1>Cabeçalho</h1>
</div>
<div id="nav">
	<h2>PRINCIPAL</h2>
</div>
<div id="principal">
	<h2>Notícias<br>
	Espaço Para Notícias</h2>
</div>
<div id="apoio">
	<h2>COLUNA DE APOIO </h2>
</div>
<div id="rodape">
   	<h2>Rodapé</h2>
</div>
</div>
</body>
</html>

 

E o CSS

body {
margin:0;
padding:0;
border:none;
font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
background: #06C;
color:#333;
text-align:center;
}
#tudo {
border:1px solid;
width:1000px;     
margin:0 auto;
text-align:left;
}
#cabecalho {
height:80px;
border-bottom:1px solid #c30;
}
#rodape {
clear:both;
text-align:center;
border-top:1px solid #c30;
}
#principal {
float:left;
width:630px;
margin-left:10px; 	
text-align:justify;
border:dotted #c30;
border-width: 0 1px;
padding: 0 10px;
background:#FFF;
}
#nav {
width:160px;
float:left;
margin-left:10px;
}
#apoio {
width:160px;
float:right;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Você conhece html? CSS? Conhece mesmo?

Se a resposta for não ou você estuda e percebe que é mais fácil e melhor ou faz com tabelas, que não é correto.

Como vcs podem ver o meu grande problema esta nas Div's, daqui a pouco eu vo desistir e vo fazer todo o meu site com tabela, será bem mais fácil de organizar o layout....

 

Você mesmo respondeu a sua dúvida, background-color. Se quiser facilitar, poste sempre um link com o que você já fez.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Roger Renan    0

Roger Renan
Postado

HTML eu conheço bastante....

Jah CSS confesso que é novo, mas parece ser fácil.....

POr favor teste para você ver este meu código. Ele não pinta o bloco inteiro da div, somente colori o fundo das letras...Tentei o background-color e é este o resultado....

 

Consegui!!!!

Tive q designar um valor de height para as div's de navegação......

Vivendo e aprendendo....

Vlw pela intenção de ajudar sr. Giovani!!!

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