Ir para conteúdo

POWERED BY:

Arquivado

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

Anderson Coutinho

[Resolvido] Problema com imagens PNG D:

Por , em Desenvolvimento frontend

Recommended Posts

Anderson Coutinho    7

Anderson Coutinho
Postado

Olá ! ,

 

Novamente outro problema, quando eu coloco uma imagem dentro da DIV meio , ela fica com o fundo preto :natalmad:

 

A imagem está correta , o fundo dela é transparente , o problema é lá no HTML . . .

 

Acessem o site e olhem: Guilda PowerBomb

 

Código HTML junto o CSS;

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

 

<head>

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 

<title>Guilda PowerBomb</title>

</head>

 

<style type="text/css">

 

 

*{

margin:0;

padding:0;

background-color:#000;

 

 

}

 

body{

background:url(Imagens/faixa.png) repeat-x;

 

 

 

 

}

 

#tudo{

width:1000px;

align:center;

margin:auto;

 

 

 

}

 

#topo{

background:url(Imagens/Topo.png) no-repeat;

height:311px;

 

}

 

 

#partedecima{

background:url(Imagens/partedecima.png) no-repeat;

height:116px;

 

}

 

#meio{

padding-left:150px;

padding-right:60px;

padding-bottom:20px;

background:url(Imagens/meio.png) repeat-y;

 

}

 

 

#rodape{

width:1000px;

margin:auto;

height:357px;

background:url(Imagens/partedebaixo.png) no-repeat;

}

 

 

#fundorodape{

background:url(Imagens/faixa2.png) repeat-x;

clear:both;

}

 

 

 

</style>

 

<body>

 

 

 

<div id="tudo">

 

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

 

<div id="menu">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="1000" height="73" id="menu powerbomb" align="middle">

<param name="movie" value="menu.swf" />

<param name="quality" value="best" />

<param name="bgcolor" value="#c8c8c8" />

<param name="play" value="true" />

<param name="loop" value="true" />

<param name="wmode" value="transparent" />

<param name="scale" value="showall" />

<param name="menu" value="true" />

<param name="devicefont" value="false" />

<param name="salign" value="" />

<param name="allowScriptAccess" value="sameDomain" />

<!--[if !IE]>-->

<object type="application/x-shockwave-flash" data="Flash/menu.swf" width="1000" height="73">

<param name="movie" value="Flash/menu.swf" />

<param name="quality" value="best" />

<param name="bgcolor" value="#c8c8c8" />

<param name="play" value="true" />

<param name="loop" value="true" />

<param name="wmode" value="transparent" />

<param name="scale" value="showall" />

<param name="menu" value="true" />

<param name="devicefont" value="false" />

<param name="salign" value="" />

<param name="allowScriptAccess" value="sameDomain" />

<!--<![endif]-->

<a href="http://www.adobe.com/go/getflash">

<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />

</a>

<!--[if !IE]>-->

</object>

<!--<![endif]-->

</object>

 

</div>

 

 

 

 

<div id="partedecima">

 

</div>

 

<div id="meio"><img src="Imagens/info.png" width="686" height="543" alt="powerbombinfo" />

 

 

 

 

 

</div>

 

 

 

</div>

 

<div id="fundorodape">

 

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

 

</div>

 

 

</body>

 

</html>

 

 

 

 

 

 

 

 

 

 

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

Bah Anderson, vai estudar CSS por favor...

 

Mas lá vai...

Retira isso de *:

background-color:#000;

 

Tu determinou background preto (background-color:#000) pra todos os elementos (*)... (?)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Anderson Coutinho    7

Anderson Coutinho
Postado

Bah Anderson, vai estudar CSS por favor...

 

Mas lá vai...

Retira isso de *:

background-color:#000;

 

Tu determinou background preto (background-color:#000) pra todos os elementos (*)... (?)

 

Sim , mas se eu tirar o background preto , vai ficar feio o menu . . .crycry.gif

 

Olha como fica se eu tira o BG:

 

cryface.jpg

 

Tem como deixa o bg pra tudo menos o meio ?

 

 

 

 

 

 

 

_________________________________

 

 

 

Untitled-1-1.png

 

 

O que eu fiz para arrumar:

 

Movi o background-color:#000 do * para o body.

 

palm.gif

 

 

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dodo15    0

Dodo15
Postado

Só você fazer o que lhe mostrei:

*{
margin:0;
padding:0;
}

body{
background:url(Imagens/faixa.png) repeat-x #000;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

* se usa pra resetar, pois define para TODOS OS ELEMENTOS.

Body pra definir formatações ao corpo da página.

O fundo faz parte do corpo (body).

 

Meio óbvio...

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