[Resolvido] background definido para a página aparece nas div&#39

Comala · Junho 23, 2012

Olá Pessoal, sou novo aqui no fórum, e estou iniciando em web, procurei algo parecido com o meu problema mas não encontrei, então lá vai...

Estou fazendo uma página onde defini

*{
padding:0;
margin:0;
background-image:url(../imagens/fundo-tudo.png);
background-repeat:repeat;

}

o problema é que esse background aparece nas div de dentro do meu site que não possuem background, sempre que crio uma div que não tem background, tipo uma div menu, no fundo aparece a background-image:url(../imagens/fundo-tudo.png);

Acredito que tenha algum parâmetro que altere isso, mas não consegui encontrar.

AGRADEÇO!

DPLF · Junho 23, 2012

Olá Pessoal, sou novo aqui no fórum, e estou iniciando em web, procurei algo parecido com o meu problema mas não encontrei, então lá vai...

Estou fazendo uma página onde defini
*{
   padding:0;
   margin:0;
   background-image:url(../imagens/fundo-tudo.png);
   background-repeat:repeat;

}
o problema é que esse background aparece nas div de dentro do meu site que não possuem background, sempre que crio uma div que não tem background, tipo uma div menu, no fundo aparece a background-image:url(../imagens/fundo-tudo.png);

Acredito que tenha algum parâmetro que altere isso, mas não consegui encontrar.

AGRADEÇO!

Olá Comala;

Também sou novo no fórum... mas vamos lá. Gostaria que me respondesse a algumas perguntas para que eu possa analisar melhor o seu caso, Se for possível é claro!

1. Você definiu o tamanho de sua página, caso positivo indique como o fez?

1,a. Caso ache legal, poderia postar o seu código css e o html para que possa analisá-lo, caso queira, substitua as pasras e os links por fictícios assim analisaremos somente o conteúdo, desconhecendo o que não precisamos saber de verdade que é o que você fez em seu SITE.

Caso tenha feito o que mencionei acima, não precisaremos de mais nada, apenas para acompanhar o raciocínio lógico que seguiu e, poder ajudar.

Att;

Comala · Junho 23, 2012

Sem problemas, vamos lá...

@charset "utf-8";
/* CSS Document */

*{
padding:0;
margin:0;
       background-image:url(../imagens/fundo-tudo.png);
       background-repeat:repeat;

}


#tudo{
width:1200px;
margin:0 auto;

}


#header{
background:url(../imagens/bg.png);
height:950px;
width:1200px;

}

#topo{
margin-left:60px;
width:1080px;
height:400px;
float:left;
background:url(../imagens/topo.png);
}

#meio{
margin-top:177px;
margin-left:150px;
width:820px;
height:600px;
background:url(../imagens/meio.png);
}


#menutopo{
float:left;
margin-left:45px;
font-size:24px;
padding-top: 93px;
height:150px;
font-family:"Comic Sans MS", cursive;

}
#menutopo ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}


#menutopo li{
display:inline;
}

#menutopo a{
text-decoration:none;
color:#FFFF00;
width:149px;
display:inline-block;
text-align:center;
background-image: url(../imagens/btnHomeTopo.png);
background-repeat: no-repeat;
background-position: center center;
font-size: 35px;
padding-top: 20px;
height: 50px;
}

#menutopo a:hover{
color:#FFF;
background-image:url(../imagens/btnHomeTopoDois.png);
}

A minha estrutura de div ta mais ou menos assim...

</head>
<body>

<div id="tudo">

<div id="header">

<div id="topo">

<div id="bannerdireito">
</div><!--fim fiv banner-->

<div id="meio">

<div id="menutopo">

<a href="#"><li>Home</li></a>
<div id="menutopodois">
<a href="#"><li>Info</li></a>
<a href="#"><li>Contato</li></a>
</div><!--fim div menutopodois-->
</div>

</div><!--fim div meio-->

O problema é que o backgound definido para a página lá no *{} acaba aparecendo dentro das div's menu, como se ela ultrapassasse, o tamanho da página está definindo na div #tudo.

Esse não é o código todo, posso postar sem problemas se for necessário, até posso passar o link que estou subindo pro ftp, só ta em sub-domínio no nome de um host de hospedagem, não sei se o pessoal permite, vai parecer propaganda.

DPLF · Junho 23, 2012

Sem problemas, vamos lá...

@charset "utf-8";
/* CSS Document */

*{
   padding:0;
   margin:0;
       background-image:url(../imagens/fundo-tudo.png);
       background-repeat:repeat;

}


#tudo{
   width:1200px;
   margin:0 auto;

}


#header{
   background:url(../imagens/bg.png);
   height:950px;
   width:1200px;

}

#topo{
   margin-left:60px;
   width:1080px;
   height:400px;
   float:left;
   background:url(../imagens/topo.png);
}

#meio{
   margin-top:177px;
   margin-left:150px;
   width:820px;
   height:600px;
   background:url(../imagens/meio.png);
}


#menutopo{
   float:left;
   margin-left:45px;
   font-size:24px;
   padding-top: 93px;
   height:150px;
   font-family:"Comic Sans MS", cursive;

}
#menutopo ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}


#menutopo li{
   display:inline;
}

#menutopo a{
   text-decoration:none;
   color:#FFFF00;
   width:149px;
   display:inline-block;
   text-align:center;
   background-image: url(../imagens/btnHomeTopo.png);
   background-repeat: no-repeat;
   background-position: center center;
   font-size: 35px;
   padding-top: 20px;
   height: 50px;
}

#menutopo a:hover{
   color:#FFF;
   background-image:url(../imagens/btnHomeTopoDois.png);
}

A minha estrutura de div ta mais ou menos assim...

</head>
<body>

<div id="tudo">

<div id="header">

<div id="topo">

<div id="bannerdireito">
</div><!--fim fiv banner-->

<div id="meio">

<div id="menutopo">

<a href="#"><li>Home</li></a>
<div id="menutopodois">
<a href="#"><li>Info</li></a>
<a href="#"><li>Contato</li></a>
</div><!--fim div menutopodois-->
</div>

</div><!--fim div meio-->

O problema é que o backgound definido para a página lá no *{} acaba aparecendo dentro das div's menu, como se ela ultrapassasse, o tamanho da página está definindo na div #tudo.

Esse não é o código todo, posso postar sem problemas se for necessário, até posso passar o link que estou subindo pro ftp, só ta em sub-domínio no nome de um host de hospedagem, não sei se o pessoal permite, vai parecer propaganda.

Olá novamente, Comala;

Dei uma rápida lida em seu código css e, me parece que tudo está correto... Foi uma lida rápida, sem muita concentração...

Mas tenta fazer o seguinte, como deseja o fundo de cada div? Quer com cores, branca... Faz o seguinte define dentro de cada div um bgcolor= "" e, após ter feito isso, informa como ficou, deixa o background e vamos ver... Avisa aí se funcionar!

Não, visto que está em pasta como sub-domínio, não poste não, poderá quebrar às regras do fórum.

Abraços e, favor avisar.

Edição: Verifica se você fechou todas as div's como deveria, isso pode ser a razão de toda sua dor de cabeça...

Comala · Junho 23, 2012

Cara o que eu tentei foi fazer uma imagem transparente e colocar de backgound das div's, mas não deu muito certo, é que a estrutura de div, do jeito que eu fiz, ficou errado e complicado de fazer alguma alteração, acabou que uma div ficou em oposição com a outra e eu não sei uma maneira de duas div's conviverem na mesma linha. Não sei, se não achar nem uma solução acho que vou deixar sem background mesmo.

MAS VALEU A AJUDA, ISSO É MUITO LEGAL, TODO MUNDO AJUDANDO TODO MUNDO!

DPLF · Junho 23, 2012

Comala, somente pude entrar no fórum agora, por isso me desculpe a demora.

Não é desistindo que você resolverá o seu problema, por enquanto até pode deixar sem o bckg mas utilize isso como um exercício, um dia você irá ter de fazer algo parecido e, como será?

Vou ler o código, vou analisar com calma, então vou verificar o problema, caso eu ache alguma divergência voltarei a postar. Não me agradeça, com isso nós dois estamos aprendendo... Pode acreditar, é uma verdade.

Caso tenha recebido minha msg, não se importe em responder... estarei à disposição.

Abraços;

DPLF

Comala · Junho 24, 2012

Valeu meu!!!! Acabaei conseguindo de outra maneira, um amigo meu me ajudou, na verdade estava faltando uma coisa no meu css:

body {
background-image:url(../imagens/fundo-tudo.png);

}

Quando coloquei isso ao no css funcionou direitinho, como ainda estou começando, na verdade era algo bem simples, valeu pela força, O CARA QUE DESISTE, NÃO ESPÍRITO PRA TRABALHA COM INFORMÁTICA.....

: )

DPLF · Junho 24, 2012

Olá novamente e, agora contente;

Realmente, eu havia deixado passar esse detalhe e, agora vim dar uma espiada no seu CSS e HTML encontrei a resposta. Estou contente que tenha solucionado o seu problema.

Abçs;

DPLF

Arquivado

[Resolvido] background definido para a página aparece nas div&#39

Recommended Posts

Comala 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

DPLF 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

Comala 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

DPLF 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

Comala 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

DPLF 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

Comala 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

DPLF 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

Estou criando uma calculadora de m2 e litros de tinta

Cruzamento de Bases

Consulta sem duplicação

Fóruns

Tempo Real

Informação importante