Menu Drop-Down Fica Atrás De Um Slider
Started By
samim_fla_df
, 12/07/2011, 11:47
10 replies to this topic
#1
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á!
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
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.
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!
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.
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.
- Jean Teles likes this
#3
Posted 20/01/2012, 09:58
Bom dia JaXs Designer,
Simplesmente perfeito brother, você é o cara!
Um abraço e obrigado!
Simplesmente perfeito brother, você é o cara!
Um abraço e obrigado!
O Maior Portal Brasileiro de Capas do Mundo
www.mundodascapas.com.br
#4
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
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
Posted 27/09/2017, 16:06
Levitra Generico Compra Amoxicillin 500 Tv Kamagra Online Kostenlos buy cialis Does Latex Effect Keflex Strattera Online
#6
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
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
#8
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
Ricambi Levitra Effets Secondaires Cialis Levitra generic viagra Cabergoline Sales Where To Order Legally Progesterone Website Cod Accepted Viagra 25mg Ch
#9
Posted 02/09/2022, 07:31
stromectol tablets india These are not all the possible side effects of Cialis
#10
Posted 07/10/2022, 16:41
lasix for fluid overload However, doctors cautioned that some women get better without Herceptin
#11
Posted 09/02/2023, 07:33
I still twitch sometimes from taking topamax levitra nuevo Unless feminists are willing to go back to primitive times, stop surfing the Internet, stop watching TV, they can not avoid using Xingchen products
can u buy clomid on line If the ductal carcinoma in situ DCIS is not located right under the nipple, then the nipple often can be preserved
levitra super active reviews Named the Biofortified boys by Alicia Maluafiti, executive director of Hawaii Crop Improvement Association HCIA, a biotech front group, the academics were awarded thousands, and in some cases, hundreds of thousands of dollars in unrestricted grant money
can u buy clomid on line If the ductal carcinoma in situ DCIS is not located right under the nipple, then the nipple often can be preserved
levitra super active reviews Named the Biofortified boys by Alicia Maluafiti, executive director of Hawaii Crop Improvement Association HCIA, a biotech front group, the academics were awarded thousands, and in some cases, hundreds of thousands of dollars in unrestricted grant money
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)