Ir para conteúdo

Arquivado

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

BRUNO AMABILE

[Resolvido] CSS Nao funciona

Por , em Desenvolvimento frontend

Recommended Posts

BRUNO AMABILE    0

BRUNO AMABILE
Postado

Boa Tarde a Todos,

 

Eu criei um app para o facebook em html, css e js. Estava quase pronto, mas tem 2 class que nao funcionam suas propriedades em css.

Quando eu tiro o "background-image:url(img-fundo.jpg);" da div * funciona o

 

"background-color:#FC0;" da class .ws e o

"background-color:#FAFAFA;" da class .dados

 

Mas quando eu deixo essa background-image que é a imagem que eu quero que apareça de fundo, nao aparece esses 2 background-color.

Mas que raios é isso?

 

Esse é o link -> http://principal.bodysystems.net/bruno/facebook/workshops.html

 

Esses sao os códigos:

 

Html:

 

<!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>Calendário WS</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />
</head>

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

       <div id="galeria-fotos">
       	<iframe src="galeria-app-facebook/index.html" frameborder="0" height="220">
 			<p>Your browser does not support iframes.</p>
		</iframe> 
       </div>

       <div class="conteudo">
       		<br/>
       		<div class="engloba">
       		<div class="ws">WS NATAL - 17/09</div>
       		<div class="dados"s>Convidados Especiais: Robinson kennedy - SAO, Joyce Rodrigues, Beto Gonçalves - MAC, Renê Albino - REC </div>
               </div>

               <div class="engloba">
       		<div class="ws">WS NATAL - 17/09</div>
       		<div class="dados"s>Convidados Especiais: Robinson kennedy - SAO, Joyce Rodrigues, Beto Gonçalves - MAC, Renê Albino - REC </div>
               </div>

               <div class="engloba">
       		<div class="ws">WS NATAL - 17/09</div>
       		<div class="dados"s>Convidados Especiais: Robinson kennedy - SAO, Joyce Rodrigues, Beto Gonçalves - MAC, Renê Albino - REC </div>
               </div>


               <div class="engloba">
       		<div class="ws">WS NATAL - 17/09</div>
       		<div class="dados"s>Convidados Especiais: Robinson kennedy - SAO, Joyce Rodrigues, Beto Gonçalves - MAC, Renê Albino - REC </div>
               </div>

               <div class="engloba">
       		<div class="ws">WS NATAL - 17/09</div>
       		<div class="dados"s>Convidados Especiais: Robinson kennedy - SAO, Joyce Rodrigues, Beto Gonçalves - MAC, Renê Albino - REC </div>
               </div>

               <div class="engloba">
       		<div class="ws">WS NATAL - 17/09</div>
       		<div class="dados"s>Convidados Especiais: Robinson kennedy - SAO, Joyce Rodrigues, Beto Gonçalves - MAC, Renê Albino - REC </div>
               </div>


               <div class="engloba">
       		<div class="ws">WS NATAL - 17/09</div>
       		<div class="dados"s>Convidados Especiais: Robinson kennedy - SAO, Joyce Rodrigues, Beto Gonçalves - MAC, Renê Albino - REC </div>
               </div>


               <div class="engloba">
       		<div class="ws">WS NATAL - 17/09</div>
       		<div class="dados"s>Convidados Especiais: Robinson kennedy - SAO, Joyce Rodrigues, Beto Gonçalves - MAC, Renê Albino - REC </div>
               </div>       
 		</div>



	<a href="http://principal.bodysystems.net/site/index.php?option=com_jumi&fileid=16&Itemid=257&action=7&year=w3" target="_blank"><div id=			"veja-mais">
	</div></a>

      <!-- <div id="rodape">
       </div>-->
</div>
</body>
</html>

 

Css:

 

@charset "UTF-8";
*{
margin:auto;
padding:0px;
/*background-color:#FFD82D;*/
background-image:url(img-fundo.jpg);
text-align:center;
width:490px;
}

#geral{
width:500px;
height:1200px;
/*	<!--background-color:#FFD82D;-->*/





overflow:hidden;}

#topo{

height:100px;
background-color:#000;
-moz-border-radius-topleft: 7px;        
  	-webkit-border-top-left-radius: 7px;
-moz-border-radius-topright: 7px; 
-webkit-border-top-right-radius: 7px;

background-image:url(topo6.png);
background-repeat:no-repeat;
margin-top:20px;
}



#galeria-fotos{
height:200px;
margin-top:10px;
margin-bottom:10px;
overflow:hidden;
}


.conteudo{

height:80px;
text-align:left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
height:360px;
overflow-x:hidden; 
font-size:10pt;
width:490px;
margin-top:30px;
margin-bottom:20px;

}

.engloba{
height:60px;
overflow:hidden;
margin-top:09px;
}

.ws{
color:#000;
font-family:arial, Geneva, sans-serif;
/*background-color:#FC0;*/

font-size:large;
font-stretch:ultra-condensed;
width:450px;}

.dados{
color:#666;
background-color:#FAFAFA;
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
text-align:left;
padding-left:6px;
width:450px;
font-family:geneva, Arial, Helvetica, sans-serif;
font-size:10pt;

}

#veja-mais{
background-image:url(botao-vejamais2.png);
background-repeat:no-repeat;
width:174px;
height:40px;
margin-top:20px;
margin:auto;

/*margin-bottom:26px;*/}


#rodape{
height:70px;
background-image:url(rodape2.png);
background-repeat:no-repeat;
margin-bottom:10px;
margin-left:10px;
width:490px;
overflow:hidden;
}

 

Me ajudem por favor. Quero que apareça tanto o background image quanto os outros 2 background color.

 

Muito Obrigado

Bruno

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