Ho inserito uno slider (flexslider) nel sito che sto creando dove prima dello slider c'è un menù a tendina, ma la tendina quando si apre in automatico va a finire dietro lo slider e non capisco il motivo. Qualcuno può aiutarmi ?! Di seguito inserisco il codice html della pagina e il css del menù.
codice:</head> <body> <div align="center"> <table border="0" cellpadding="0" style="border-collapse: collapse" width="723" bgcolor="#FFFFFF"> <td bordercolor="#FFFFFF"> <div align="center"> <table border="0" cellpadding="0" style="border-collapse: collapse" width="810"> <tr> <td> [img]WeddingBanner.jpg[/img] </td> </tr> <tr> <td> <hr style="border-bottom:2px dashed #F78DB7"/> <ul id="mymenu"> [*]Home [*]Chi Siamo [*]Wedding <ul>[*]Wedding[*]Servizio Wedding[/list] [*]Eventi <ul>[*]Eventi[*]Servizio Eventi[/list][*]Gallery[*]Faq[*]Contattaci [/list] <hr style="border-bottom:2px dashed #F78DB7"/> </td> </tr> <tr> <td> <div class="flexslider"> <ul class="slides">[*] [img]images/0.jpg[/img] [*] [img]images/1.jpg[/img] [*] [img]images/3.jpg[/img] [*] [img]images/4.jpg[/img] [/list] </div> </td> </tr> </table> </div> </td> </tr> <tr> <td> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script> <script defer src="js/jquery.flexslider.js"></script> <script type="text/javascript"> $(function(){ SyntaxHighlighter.all(); }); $(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", start: function(slider){ $('body').removeClass('loading'); } }); }); </script>codice:ul#mymenu{ font-family:Gabriola; font-size:20px; color: #F88DB7; background: #fff; width:845px; } ul#mymenu,ul#mymenu li,ul#mymenu ul,ul#mymenu ul li{ margin:0px; padding:10px 0px 0px 0px; list-style-type:none; } ul#mymenu a{ padding: 15px 0px 0px 63px; /*text-decoration: none; Disatt. sottolineatura*/ color:#F88DB7; }/*Posizione menu*/ ul#mymenu li{ float:left; position:relative; }/*Posizione Sezioni*/ ul#mymenu li li{ line-height: 30px; width:250px; }/* testo tendina*/ ul#mymenu ul{ position:absolute; top: 40px; left: -9999px; background: #fff; color: #fff; z-index:10px; overflow:visible; }/* Posizione Tendina*/ ul#mymenu li:hover,ul#mymenu a:hover{ color: #FCCCE2; }/*Colore Passaggio Mouse e Sfondo Parole*/ ul#mymenu li:hover ul,ul#mymenu li.sfhover ul{ left: -1px; z-index:10px; } /*tendina*/
Rispondi quotando
