Jump to content


Photo

Menu Drop-Down Fica Atrás De Um Slider


  • Faça o login para participar
7 replies to this topic

#1 samim_fla_df

samim_fla_df

    Novato no fórum

  • Usuários
  • 11 posts
  • Sexo:Masculino
  • Localidade:Riacho Fundo I
  • Interesses:Dreamweaver, Photoshop, Flash, WebMaster

Posted 12/07/2011, 11:47

Estou montando uma página exclusiva sobre a Copa do Mundo de 2014, porém estacionei num problema que ñ consigo resolver de alguma forma...

O Menu drop-down que coloquei tem um pqno problema, seus submenus aparecem por baixo de um "Slider" que está abaixo do menu...

Como a quantidade de arquivos já é grande, vejam aqui a situação: http://brasiliamapas.com.br/copa2014/

Gostaria ajuda a mais breve possível já que esse meu projeto está atrasado, agradeço ajuda de qualquer forma...

Se for necessário eu mando os arquivos que me forem solicitados!

Agradeço desde já!

#2 JaXs Designer

JaXs Designer

    Novato no fórum

  • Usuários
  • 9 posts
  • Sexo:Masculino
  • Localidade:Porto, Portugal
  • Interesses:WebDesign & WebDeveloper

Posted 02/09/2011, 10:12

Olá!

O problema que o teu menu está a ter é normal acontecer, principalmente com "DIV's".

Mas tudo tem solução e esta espero que resulte!

Ora, o teu menu está dentro de uma div, certo?
O slider também poderá estar dentro de uma div, ou não, mas caso esteja ainda é mais fácil.

A solução é ir ao CSS e no id que corresponde à div do menu colocar a propriedade "z-index: x;". Porque?
o z-index é uma propriedade para distinguir qual das div's ficam sobrepostas, e em que posição.
Imagina que crias 3 div's, cada uma com uma cor diferente, com uma cor aleatória, e que ficarão nesta posição que vou dar de exemplo.
Posted Image

O que acontece aqui?
o id do css para estas 3 div's deveriam ser assim:

#camada1 {
background-color: #000;
margin-top: 0px;
margin-left: 0px;
width: 100px;
height: 100px;
position: absolute;
z-index: 1;
}

#camada2 {
background-color: #FF0;
margin-top: 50px;
margin-left: 50px;
width: 100px;
height: 100px;
position: absolute;
z-index: 2;
}

#camada3 {
background-color: #00F;
margin-top: 100px;
margin-left: 100px;
width: 100px;
height: 100px;
position: absolute;
z-index: 3;
}

O que acabei de fazer, e tentar explicar-te é que em cada id para cada div consta a propriedade "z-index". O que ela faz? ela ordena a sobreposição de cada camada, ou seja, uma camada(div) irá ficar sobreposta noutra se o seu número for maior que a anterior. Como na imagem acima a div com fundo preto tem z-index: 1, logo a 2ª div, que tem z-index: 2 irá ficar por cima da camada 1, visto que tem um numero no z-index mais elevado.

Então, para finalizar, o que terás de fazer, é colocar na id da div do menu a propriedade z-index com um valor maior que o valor do slider que também terás de acrescentar o z-index neste!

Exemplo:
#menu {
z-index: 4;
}

#slider {
z-index: 3;
}



Espero que percebas e tenha ajudado.

Boa Sorte com a Copa! ;)

Edição feita por: JaXs Designer, 02/09/2011, 10:17.


#3 Jean Teles

Jean Teles

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Masculino
  • Localidade:Volta Redonda-RJ.

Posted 20/01/2012, 09:58

Bom dia JaXs Designer,

Simplesmente perfeito brother, você é o cara!

Um abraço e obrigado!

Posted Image
O Maior Portal Brasileiro de Capas do Mundo
www.mundodascapas.com.br


#4 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 18/09/2017, 18:45

Canadian Pharmacy Doxycycline cheap cialis Shop Online With Echeck Non Prescripion Compazine Cialis Professional Belgique Libre cialis online Viagra Drogen
Kamagra Naturel Pas Cher cialis Kamagra Oral Jelly 100mg Sildenafil Citrate
Viagra Sales In Mexico Receta Finasteride Comprar Propecia
Sildenafil Sale <a href=http://cialtobuy.com>cialis</a> Can You Drink While Taking Keflex

#5 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 27/09/2017, 16:06

Levitra Generico Compra Amoxicillin 500 Tv Kamagra Online Kostenlos buy cialis Does Latex Effect Keflex Strattera Online

#6 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 06/10/2017, 16:38

Trihexyphenidyl levitra coupon free trial Cialis Generique Paypal Order now isotretinoin
Acheter Cialis Sur Le Net generic viagra Withdrawal Of Cephalexin Cialis Tous Les Jours
Prevacid Discount Card Propecia Cost Prescription Levitra Vente cialis Female Viagra Online Canada

#7 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 22/10/2017, 15:56

Online Pharmacy Thailand Cialis Afecta Fertilidad Viagra Online France viagra Viagra Farmacia Italiana Buying Viagra On Line

#8 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 29/11/2017, 22:46

Flomax Amoxicillin Cialis Faut Il Une Ordonnance viagra Purchasing Flagyl Over The Counter
Ricambi Levitra Effets Secondaires Cialis Levitra generic viagra Cabergoline Sales Where To Order Legally Progesterone Website Cod Accepted Viagra 25mg Ch




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq