[Resolvido] sombra no topo da div usando imagem

[Bonne 0]

Olá pessoal, tenho uma div com a classe "container" com o seguinte código:

 

z-index:15;
max-width: 970px; 
_width: 970px; 
padding: 30px 20px 50px; 
border-left: 2px solid #b3b3b3; 
border-right: 2px solid #b3b3b3;  
margin: 0 auto; 
background: #fcfcfc; 
font-size: 1em; 
line-height: 1.4; 

 

e uma outra classe chamada de "sombra_top":

 

  
 z-index:10;
 width:975px;; 
 height:20px;
 margin-left:130px;
 vertical-align: middle;
 border:0px;
 background:url(sombra-corpo-top.png) no-repeat;

 

Chamo elas assim no meu código:

<div class="sombra_top"></div>

<div class="container">

conteudo da div

</div>

estou tentando deixar essa "sombra_top" logo acima da div "container", mas fica um pequeno espaço de 2px que não estou conseguindo eliminar.

Saca só essa imagem, acho que ela explica melhor a situação.

 

Valeu!

[Dian Carlos 29]

Olá pessoal, tenho uma div com a classe "container" com o seguinte código:

 

z-index:15;
max-width: 970px; 
_width: 970px; 
padding: 30px 20px 50px; 
border-left: 2px solid #b3b3b3; 
border-right: 2px solid #b3b3b3;  
margin: 0 auto; 
background: #fcfcfc; 
font-size: 1em; 
line-height: 1.4; 

 

e uma outra classe chamada de "sombra_top":

 

  
 z-index:10;
 width:975px;; 
 height:20px;
 margin-left:130px;
 vertical-align: middle;
 border:0px;
 background:url(sombra-corpo-top.png) no-repeat;

 

Chamo elas assim no meu código:

<div class="sombra_top"></div>

<div class="container">

conteudo da div

</div>

estou tentando deixar essa "sombra_top" logo acima da div "container", mas fica um pequeno espaço de 2px que não estou conseguindo eliminar.

Saca só essa imagem, acho que ela explica melhor a situação.

 

Valeu!

 

tenta por um 'float: left' na classe 'sombra_top' pra ficar assim oh:

 

 float: left;
 z-index:10;
 width:975px;; 
 height:20px;
 margin-left:130px;
 vertical-align: middle;
 border:0px;
 background:url(sombra-corpo-top.png) no-repeat;

 

se não der poe também um 'margin-top: 5px'. lembrando que você deve ir ajustandos os pixels do margin top para se ajustar ao seu layout.

 

Boa sorte ^^

[Bonne 0]

tenta por um 'float: left' na classe 'sombra_top' pra ficar assim oh:

 

 float: left;
 z-index:10;
 width:975px;; 
 height:20px;
 margin-left:130px;
 vertical-align: middle;
 border:0px;
 background:url(sombra-corpo-top.png) no-repeat;

 

se não der poe também um 'margin-top: 5px'. lembrando que você deve ir ajustandos os pixels do margin top para se ajustar ao seu layout.

 

Boa sorte ^^

 

Fala ae Dian, valeu pela ajuda man!

Então, aqui até que deu certo, mas eu tive que setar o "margin-top:" para ter o valor de "-15px;"

Será que isso não é um P.O.G ?

abraço!

[Dian Carlos 29]

Fala ae Dian, valeu pela ajuda man!

Então, aqui até que deu certo, mas eu tive que setar o "margin-top:" para ter o valor de "-15px;"

Será que isso não é um P.O.G ?

abraço!

 

olha.. acho que quando a gente programa sempre tem uma gambiarra né ^_^. vé se funciona nos principais navegadores e tenta validar o css no WC3 (http://jigsaw.w3.org/css-validator/), se der, acho que ta tudo bem...

[Bonne 0]

olha.. acho que quando a gente programa sempre tem uma gambiarra né ^_^. vé se funciona nos principais navegadores e tenta validar o css no WC3 (http://jigsaw.w3.org/css-validator/), se der, acho que ta tudo bem...

 

Hahahaha, esquenta com isso não, falei de brincadeira.

Funcionou aqui para mim no Opera, Chrome, I.E, Firefox e safari, já ta lindo (testei eles em todas suas versões recentes.).

 

valeu pela ajuda meu querido, precisar tamo ae!

Abração!

[Dian Carlos 29]

Hahahaha, esquenta com isso não, falei de brincadeira.

Funcionou aqui para mim no Opera, Chrome, I.E, Firefox e safari, já ta lindo (testei eles em todas suas versões recentes.).

 

valeu pela ajuda meu querido, precisar tamo ae!

Abração!

 

 

De nada man.. abraços