[Resolvido] Background em DIV

[Deives 0]

Eai galera!

 

Estou montando um site, mas toda a estrutura é feita por CSS, o problema é:

 

Tenho a página index.php , nela chamo outra página (menu.html) dentro de uma div por include.

 

Código dessa div:

 

CODE

.esquerda {

width: 180px;

height: 1000px;

float: left;

display: block;

overflow: hidden;

background: #EEE;

margin: 0;

padding: 0;

}

Obs: Fundo da página #999 com uma imagem de fundo branco como background.

 

Se eu colocar um texto negrito ou uma imagem nesse menu, que é feito por CSS também, o background fica da cor da imagem de fundo da página, veja exemplo abaixo:

 

 

Se eu tirar essa imagem de fundo branco de background fica com a cor de fundo #999, veja:

 

 

Espero q tenham entendido... rs

[William Bruno 1501]

Bom... coloque um link para a sua página... é melhor..

vendo o código todo, saberemos qual é o problema... e onde ele ocorre.

 

o "Hospedagem", ficou assim no estado hover? ou normal?

pois não entendi o porquê dos outros não terem ficado tb... está faltando muito código, que é pertinente aqui...

[Deives 0]

O hospedagem fica assim em qualquer estado (hover / normal)

 

Segue link: www.mundodanet.com/teste

 

Tem algumas "GAMBIARRAS" ai no código... hashahshas.... como to aprendendo agora né :D

[webflex 0]

Olá,

 

Não percebi muito bem seu problema, mas penso que seja o porquê do aparecimento daquele fundo no hospedagem.. Altere o seguinte código do seu HTML:

<li><a href="http://www.nasce.net/" target="_blank"><img src="Untitled%20Document_ficheiros/seta_sub.gif" border="0" height="7" width="7"><b> Hospedagem</b></a></li>

Para:

<li><a href="http://www.nasce.net/" target="_blank"><img src="Untitled%20Document_ficheiros/seta_sub.gif" border="0" height="7" width="7"> Hospedagem</a></li>

Cumps \o/

[Deives 0]

Pelo que percebi só irei remover o <b></b>, mas se eu fizer isso vai ficar igual a todos os outros links, ou seja a visualização vai ficar normal...

 

é como eu disse, só apacece esse problema se eu colocar tags com <b>, <i>, etc.

[Deives 0]

Até agora não consegui descobrir pq isso está ocorrendo... vou tentar explicar novamente

 

* O site utiliza uma imagem de background de cor branca com sombra nas laterais (http://www.mundodanet.com/teste/images/index/bg.jpg)

 

* A cor (sólida) de fundo da página é: #999

 

Reparem no menu esquerdo, nos links "Página Inicial" e "Expediente", o primeiro coloquei negrito e o segundo itálico, mas o fundo do texto fica branco. Esse branco é da imagem que está como background, se eu retira-la o texto fica com o background #999, que é a cor sólida que está no fundo da página.

 

Isso acontece, por exemplo, quando insiro imagens ou tags como <b>, <i>, etc.

 

link: www.mundodanet.com/teste

CSS: www.mundodanet.com/teste/css/estilo.css

 

Obs: A imagem de seta que está no menu coloquei como background, por isso está normal.

 

Agradeço a paciência de todos...

[brcontainer 16]

ao inves de inserir B ou I, crie uma CLASSE definindo eles:

#menu-topo li a{
	float: left;
	color: #FFF;
	padding: 10px 15px;
	text-decoration: none;
	background: #FFF url("../images/index/menuT.jpg") repeat-x;
}
#menu-topo li a.negrito{
font-weight:bold;
/*defina outras propriedades*/
}

#menu-topo li a.italico{
font-style: italic;
/*defina outras propriedades*/
}

bold:

<li><a href="index.php" class="bold">Página Inicial</a></li>

italic:

<li><a href="index.php?area=expediente" class="italic"> <i>Expediente</i></a></li>

claro que o uso assim é meio "precario", porem BEM melhor do que a maneira que você está usando ;)

[Deives 0]

eai silverfox, acabei de fazer os testes e dessa forma funcionou corretamente, pode ser uma solução temporária ;)... mas gostaria de saber pq está ocorrendo isso, já que é um problema meio doido né rs

 

vlw pela ajuda

 

Deixei o arquivo com problema no servidor, se alguém souber o pq ocorre esse problema agradeço...

[brcontainer 16]

pense assim eu tenho determinada TAG, as vezes algum outro seletor afetou e você acreditou ser a imagem, por que geralmente a cor padrão é o branco.

e o motivo é esse:

* {
	margin: 0 auto;
	padding: 0;
	background: #999 url("../images/index/bg.jpg") center repeat-y;
	list-style: none;
	text-decoration: none;
}

Seletor global afeta tudo, tudo mesmo. Então aplique nele somente MARGIN:; list-style:; padding:; e border:;

 

background:; só aplique em seletores especificos, a imagem está afetando todos os elementos.

 

editado:

faça assim:

* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

body{
	background: #999 url("../images/index/bg.jpg") center repeat-y;
}

e esse aplique somente em elementos que você quer alinhar:

margin: 0 auto;

[Deives 0]

Nossa, muito obrigado siverfox, era isso mesmo... nunca iria imaginar (rs)... vlw mesmo

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Abraço !

[brcontainer 16]

Que bom que resolveu ;)

Falou amigo abraços