ciao a tutti,ho un piccolo problema che non so come risolvere ( sicuramente è una cavolata ma non mi viene proprio in mente ).
Ho dei menù a tendina che quando ci passo sopra col mouse scendono(come dovrebbe essere) e mi vanno ad allargare la riga in cui stanno facendo scorrere giu tutto il sito (mentre invece dovrebbero passare sopra gli altri contenuti senza fare espandere la riga) vi posto l'immagine dell'errore con il codice della pagina...
e questa è l'immagine :codice:<html> <head> <title>Gruppo Sportivo Casoretto</title> </head> <body background="Sfondo.jpg"> <table border="0" cellspacing="0" width="980" cellpadding="0" id="table1"> <tr> <td width="200" height="100" style="background-image: url('1.gif'); background-repeat: no-repeat; background-attachment: fixed"></td> <td style="background-image: url('2.gif'); background-repeat: no-repeat; background-attachment: fixed"></td> <td style="background-image: url('3.gif'); background-repeat: no-repeat; background-attachment: fixed" width="200" height="100"></td> </tr> <tr> <td style="background-image: url('4.gif'); background-repeat: no-repeat; background-attachment: fixed" width="200" height="69"></td> <td style="background-image: url('5.gif'); background-repeat: no-repeat; background-attachment: fixed"></td> <td style="background-image: url('6.gif'); background-repeat: no-repeat; background-attachment: fixed" width="200" height="69"></td> </tr> <tr> </tr> <tr> <td> </td> <td><style type="text/css"> /* General */ #cssdropdown, #cssdropdown ul { list-style: none; } #cssdropdown, #cssdropdown * { padding: 0; margin: 0; } /* Head links */ #cssdropdown li.headlink { width: 80px; height: 30; float: left; margin-left: -1px; border: 1px black solid; background-color: #e9e9e9; text-align: center; } #cssdropdown li.headlink a { display: block; padding: 7px; } /* Child lists and links */ #cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left; } #cssdropdown li.headlink:hover ul { display: block; } #cssdropdown li.headlink ul li a { padding: 5px; height: 17px; } #cssdropdown li.headlink ul li a:hover { background-color: yellow; } /* Pretty styling */ body { font-family: Verdana; font-size: 0.8em;} #cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; } #cssdropdown li.headlink { background-color: white; background-color: blue; } #cssdropdown li.headlink ul { background-color: blue; background-position: bottom; padding-bottom: 10px; } </style> <script language="JavaScript"> window.onload = function() { var lis = document.getElementById('cssdropdown').getElementsByTagName('li'); for(i = 0; i < lis.length; i++) { var li = lis[i]; if (li.className == 'headlink') { li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; } li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; } } } } /* or with jQuery: $(document).ready(function(){ $('#cssdropdown li.headlink').hover( function() { $('ul', this).css('display', 'block'); }, function() { $('ul', this).css('display', 'none'); }); }); */ </script> </head> <body> <ul id="cssdropdown"> <li class="headlink"> Menu1 <li class="headlink"> Menu2 <ul> [*]link2 [*]link2 [*]link2 [*]link2 [*]link2 [*]link2 [*]link2 [/list] <li class="headlink"> Menu3 <ul> [*]link2 [*]link2 [*]link2 [*]link2 [*]link2 [*]link2 [*]link2 [/list] <li class="headlink"> Menu4 <ul> [*]link2 [*]link2 [*]link2 [*]link2 [*]link2 [*]link2 [*]link2 [/list] <li class="headlink"> Menu5 <ul> [*]link2 [*]link2 [*]link2 [*]link2 [*]link2 [*]link2 [*]link2 [/list] [/list]</td> </tr> <tr> <td style="background-image: url('7.gif'); background-repeat: no-repeat; background-attachment: fixed" width="200" height="35"></td> <td style="background-image: url('8.gif'); background-repeat: no-repeat; background-attachment: fixed"></td> <td style="background-image: url('9.gif'); background-repeat: no-repeat; background-attachment: fixed" width="200" height="35"></td> </tr> </table> </body> </html>
spero mi possiade dare una mano;
grazie mille e a presto
Rispondi quotando