uma pequena dúvida sobre HTML

marcos041 · 15 de fevereiro de 2012

é o seguinte coloquei o background em CSS agora gostaria de saber se tem algum código CSS que como posso dizer "cobre" o backgorund, como esse site do Clube do Hardware observe do lado o cinza(background) e a sobreposição de uma cor branca, gostaria de saber como fazer isso em html ou css, Obrigado aguardo respostas

DiF · 15 de fevereiro de 2012

isso é simples..

defina para body a cor do background que ficará por trás

e então na div que você quer q fique sobreposta... defina a cor que você quer.

exemplo:



body{ background: gray;}
#master{ width: 60%; margin: 0 auto; background: #FFF;  }


<div id="master">  </div>

marcos041 · 15 de fevereiro de 2012

Dif desculpa minha ignorância mas por favor poderia me explicar onde eu colocaria esse código olha meu html

<html>
	<head>
		<style type="text/css">
		body {
		Background: url("imagens/background.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
}
</style>
		<title>
		</title>
	</head>
	<body>
		<IMG SRC="imagens\banner.jpg">
			<br>

	</body>
</html>

só to colocando a base mais ou menos você poderia falar como eu coloco e onde?

DiF · 15 de fevereiro de 2012


<html>
	<head>
		<style type="text/css">
		body {
		   background: url("imagens/background.jpg") no-repeat fixed;
               }

             #banner{ 
                   background: cor; 
                   width: largura em px; 
                   height: altura em px; 
                   margin: 0 auto;
               } 
</style>
		<title>
		</title>
	</head>
	<body>
		<div id="banner"><img src="imagens\banner.jpg"></div>

	</body>
</html>

entenda que em body você especificou uma imagem de background ocupando a tela toda... você precisa criar uma div dentro do body para conter sua imagem.. é assim que você permite que ela terá uma cor diferente do fundo.. ficando sobreposta.

bem.. na melhor... é sempre bom trabalhar com containers.. ou seja.. criando uma div que englobe todo seu site.. e dentro dessa div você faz a estrutura do site. nao coloque uma imagem solta no codigo como você fez procure sempre utilizar a div. isso porque se você tiver outras imagens.. mas quer manipular apenas aquela imagem especifica.. você pode definir no css qual imagem você esta mexendo.. como por exemplo:

#banner img{ atributos } .. assim você esta informando que vai aplicar atributos nas imagens dentro da div banner.

outra coisa.. nunca use nome de tags em maiusculo.. exemplo:

errado -> <HTML>, <BODY>, <IMG>

certo -> <html>, <body>. <img>