[HTML/JAVASCRIPT] Problema Blocco Menù

manumanu90

Nuovo Utente
17 Mag 2009
1
0
0
salve a tutti,ho fatto questa pagina web della quale vi riporto il codice html
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">
			<a href="http://google.com/">Menu1</a>
		</li>
		<li class="headlink">
			<a href="http://shopping.com">Menu2</a>

			<ul>
				<li><a href="http://amazon.com/">link2</a></li>
				<li><a href="http://ebay.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
			</ul>
		</li>
		<li class="headlink">
			<a href="http://shopping.com">Menu3</a>

			<ul>
				<li><a href="http://amazon.com/">link2</a></li>
				<li><a href="http://ebay.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
			</ul>
		</li>
		<li class="headlink">
			<a href="http://shopping.com">Menu4</a>

			<ul>
				<li><a href="http://amazon.com/">link2</a></li>
				<li><a href="http://ebay.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
			</ul>
		</li>
		<li class="headlink">
			<a href="http://shopping.com">Menu5</a>

			<ul>
				<li><a href="http://amazon.com/">link2</a></li>
				<li><a href="http://ebay.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
				<li><a href="http://craigslist.com/">link2</a></li>
			</ul>
		</li>
</ul></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>

il problema è che quando si apre il menù si allarga tutto il sito mentre in teoria il menu dovrebbe passare sopra gli altri elementi del sito...vi allego un immagine del problema:

proble.jpg


spero che possiate essermi d'aiuto,
grazie mille

:) :)
 
Discussioni simili
Autore Titolo Forum Risposte Data
S [Javascript] [HTML] problema nella stampa degli elementi della pagina Javascript 3
T problema con codice html dentro javascript Javascript 1
F Creare elementi html con javascript Javascript 4
Shyson Meglio Javascript o HTML? Javascript 4
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
Domenico_Falco1 [Javascript] [HTML] Campi form con sfondo imposto dal browser Javascript 5
Giacomo Boccherini [Javascript] [HTML] Hover Javascript 1
T [Javascript] Richiamare un file.js (iframe) in html Javascript 1
Emix [Javascript] Somma con array input HTML Javascript 1
S [Javascript] [HTML] App incorpora pagina web - Come impedirlo? Javascript 0
K [Javascript] [HTML] Invertire colori alternati in tabella Javascript 3
D [Javascript] [HTML] Inserire slash dopo 3 numeri Javascript 5
M [Javascript] [HTML] link interno Javascript 1
N [Javascript] [HTML] Scelta di una select e compilazione automatica delle restanti Javascript 0
V [Javascript] [HTML] Attivazione nuovi campi di input Javascript 2
D [Javascript] [HTML] Evidenziare testo di una text Javascript 1
D [Javascript] [HTML] Insertimento audio Javascript 8
S [Javascript] [HTML] creare stringhe di riferimento da riutilizzare Javascript 5
C [Javascript] [HTML] È possibile "puntare" un iframe? Javascript 14
M [Javascript] [HTML] come aumentare il valore di una progress bar quando si preme un bottone Javascript 1
W [Javascript] Eseguire script residente nel sistema da html remota Javascript 0
Marcox360 Tris con HTML e JavaScript Javascript 0
C [Javascript] [HTML] Problemi: Overlay, Banner, Menu Javascript 4
A [Javascript] NodeJs e HTML Javascript 2
D [Javascript] [HTML] Countdown su Mobirise di 24 ore relative per ogni utente. Javascript 4
W [Javascript] [HTML] menù responsive fisso Javascript 2
C [Javascript] cambio dinamico riferimento elemento html Javascript 2
V Passaggio codice html a javascript Javascript 8
A [Javascript] [HTML] RISOLTO...Allungare un box all'apertura della pagina No Mouse over Javascript 9
A [Javascript] Passare variabile tra pagine html diverse Javascript 13
Monz94 [Javascript] [HTML] Creare Checkbox o Radio con Immagini Javascript 0
zammaeng [Javascript] [HTML] globo 3D Javascript 5
trattorino [Javascript] [HTML] risultato imput dentro text area Javascript 2
trattorino [Javascript] [PHP] due righe su sorgente html Javascript 3
C [Javascript] HTML form attributes: combining charset with enctype HTML e CSS 4
R [Javascript] [HTML] [PHP] Javascript 2
U [Javascript] [HTML] doppio click Javascript 18
S [Javascript] Slider html: Mostrare immagini su 4 colonne Javascript 20
A [Javascript] [HTML] Gestire una pagina esterna con 2 iframe Javascript 4
S [Javascript] Sostituire elemento HTML preso randomicamente dentro array Javascript 1
D [Javascript] Come creare un equalizzatore HTML collegato a files audio Javascript 1
asevenx [Javascript] [HTML] personalizzare stili input select Javascript 5
romeocharly errore del codice html con javascript durante ottimizzazione websitex5 Javascript 7
R Javascript e html - estrazione EXIF da jpg con link per geolocalizzazione google maps Javascript 0
A [CERCO] cerco esperto di codici HTML e JavaScript per lavorare ad 1 applicazione Offerte e Richieste di Lavoro e/o Collaborazione 1
U Far partire una funzione JavaScript premendo bottone in html Javascript 7
Devil-94 Javascript: script che permetta di inserire immagini in un certo elemento html. Javascript 2
I Pubblicare un sito realizzato con html, css e javascript Webdesign e Grafica 13

Discussioni simili