2 replies to this topic

[Tiagorj]

Oi galera, tudo bem com vcs?

Estou com uma dúvida.

Estou estruturando um site todo em css (primeiro projeto sem nada de tabela ) e estou com dúvidas.
Criei um div "pai" que dentro dele possui os divs "filhos". O problema é que o que eu altero no div pai como por exemplo a fonte não é alterado nos filhos.

Não sei onde estou errando vcs poderiam me ajudar?

Segue o código html (nao sei se o erro está no html) (resumido)

<div class="geral">

<div class="topo">
<img src="logotipo.jpg" width="195" height="40">
</div>

<div class = "submenu">
<a href="/home/" class = "link_submenu"> Home</a> <font color="#999999">|</font>
<a href="/noticias-extend-software/" class="link_submenu">Notícias</a> | <a href="/eventos-extend-software/" class="link_submenu">Eventos</a> <font color="#999999">|</font>

</div>

<div class = "menu">
<a href="/solucoes-extend-software/" class = "link_principal">Soluções</a> <font color="#FFFFFF">|</font>
<a href="/produtos-extend-software/" class = "link_principal" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '200px')" onMouseout="delayhidemenu()"> Produtos</a><font color="#FFFFFF"> | </font>
<a href="servicos-treinamentos-extend-software/" class = "link_principal" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '200px')" onMouseout="delayhidemenu()" >Serviços e Treinamentos</a> <font color="#FFFFFF">|</font>
<a href="/Clientes-extend-software/" class = "link_principal"> Clientes</a> <font color="#FFFFFF"> | </font>
<a href="/recursos-extend-software/" class = "link_principal">Recursos</a><font color="#FFFFFF"> |</font>
<a href="/sobre-extend-software/" class = "link_principal">Sobre a Extend</a>
</div>

<div class = "flash">
banner em flash
</div>

<div class = "esquerdo">
conteudo esquerdo
</div>

<div class = "centro">
conteudo central
</div>


<div class = "direito">
conteudo direito
</div>

<div class = "clientes">
clientes
</div>

<div class = "rodape">
rodapé
</div>

</div>

O CSS É ESSE


body{
margin: 0;
}

.geral{
width: 770px;
font-family: Arial, Helvetica, sans-serif;
font-style:italic;
width: 80%; left: 10%; position: relative;
}

.topo{
width: 700px;
height: 30px;
}

.submenu{
width: 770px;
height: 25px;
text-align: right;
font-family: verdana, arial;
font-size: 10px;
color: #999999;
padding-right: 2px;
}


.menu{
width: 770px;
padding-left: 4px;
text-align: left;
height: 25px;
background-color: #006699;
font-family: verdana, arial;
padding-top: 5px;
font-size: 10px;
clear: both;
}


.flash {
width:720px;
background-color: #CCCCCC;
height: 120px;
padding: 0 25px;


}


Obrigadoooooooooooo
Tiago Cosme

['' sem.Ponto]

O problema é que o que eu altero no div pai como por exemplo a fonte não é alterado nos filhos.

E nem poderia.

Veja o que você fez...

Na div .geral (pai) você colocou uma fonte e nas divs .submenu e .menu (filhas) você colocou outra fonte. Se você quiser pegar a fonte que foi declarada na div .geral, você terá que retirar as fontes que foram declaradas nas divs filhas.

[BGGMB]

ou utilizar !important antes do ;

ex:

.font2 {color:#FFF !important;}


o !important faz que o color ou qualquer outra coisa sobrescreva o restante.

Edição feita por: BGGMB, 30/01/2009, 17:36.