Menu a tendina-Javascript

pikadilly

Menu a tendina-Javascript

Ciao a tutti...spero di aver postato nella sezione giusta...
Ho un problema con un menu a tendina che fino a un ora fa funzionava...

la pagina è questa:
http://www.neverlandonlus.it/prove/home.html

Il problema è che quando si apre la pagina il menu è già srotolato...in pratica dovrebbe srotolarsi quando si clicca su home...fino a pochi minuti fa funzionava...adesso mi ha abbandonato...e nn capisco proprio perchè!

Vi posto anche l'html della pagina evidenziando il codice javascript.... spero di esseremi spiegata...:)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<link href="neverland.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="Javascript">
       ** <!-- 

        function mostraMenu(menuCorrente) {
            if (document.getElementById) {
                questoMenu = document.getElementById(menuCorrente).style
                if (questoMenu.display =="block") {
                    questoMenu.display = "none"
                }
                else {
                    questoMenu.display = "block"
                }
                return false
            }
            else {
                return true
            }
        }

 -->
    </script>
**
</head>

<body>
<div id="contenitore">
<div id="header"></div>
<div id="colonna-sx">
**<a href="#" onclick="return mostraMenu('menu1')">home</a><br />
<div class="menu" id="menu1">
    ciao <br />
    ciao2<br />
    ciao3 <br />
    ciao4<br />
    ciao5</div>**
Dove siamo<br />
  I nostri progetti<br />
  Statuto<br />
  Aiuti<br />
  Contatti</div>
<div id="colonna-dx"></div>
<div id="contenuti"><br />
</div>
<div id="clean"></div>
<div id="footer"></div>
</div>
</body>
</html>

```Nel caso fossero i css il problema ecco anche loro:

/* CSS Document */

body {
background: #FFFFFF;
margin-top: 0px;
margin-bottom: 0px;
padding: 0
}
#contenitore {
MARGIN-LEFT:auto;
WIDTH: 780px;
MARGIN-RIGHT: auto;
POSITION:relative;
margin-top: 2px;
margin-bottom: 2px;
background-color: #E6ECE0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
}
#colonna-sx {
width:225px;
background-image: url(images/52_02.jpg);
background-repeat: repeat-y;
padding-top: 1em;
padding-right: 0;
padding-bottom: 20em;
float: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:;
left: 5em;
}

#header {
MARGIN: 0px;
padding: 0px;
background-image: url(images/52_01.jpg);
background-repeat: no-repeat;
background-color: e5ece0;
width: 780px;
height: 373px;
}
#clean{
MARGIN: 0px;
background-color: #E5ECE0;
padding-top: 0px;
padding-right: 0px;
padding-left: 0em;
clear: both;
padding-bottom: 0em;
}

a:link {
text-decoration: none;
color:;
}
a:visited {
text-decoration: none;
color:;
}
a:hover {
text-decoration: none;
color: #628416;
}
a:active {
text-decoration: none;
color:;
}
.Stile1 {color: #FF9933}
.testo {
height:200px;
width: 440px;
padding-top: 60px;
margin: 0px;
padding-left: 30px;
padding-right: 50px;
padding-bottom: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
font-weight: bold;
}

#footer {
text-align:right;
position:absolute;
width: 775px;
font-size: 12px;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
background-color: #669966;
color:;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
#contenuti {
margin-top: 0;
margin-bottom: 0;
padding-top: 2em;
padding-bottom: 1em;
padding-right: 10px;
padding-left: 20px;
background-color:;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #333300;
text-align: left;
margin-right: 160px;
margin-left: 225px;
}
#colonna-dx{
top: 375px;
right: -4px;
width:160px;
width:160px;
background-color: #3C6F13;
float: right;
padding-top: 0em;
padding-right: 0em;
padding-bottom: 10em;
padding-left: 0em;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:;
}

.img {
padding-left: 4em;
}
#title {
display:none;
background-color:;
height: 5px;
}


Ops è lungo....:sbonk:

legolas

Ma nel css dove sta la classe menu che hai assegnato al div??
perchè il div deve risultare all'inizio display:none

pikadilly

Infatti prima c'era...poi ho provato a mettere un titolino nella sezione dei menu ed è comparso l'errore...vediamo se ho capito quello che mi hai detto...

pikadilly

Grazie mille Legolas...ho rimesso div class del menu e dispaly a none....adesso sembra funzionare.Grazie mille!!!! Sono questi gli errori che non dovrei fare...grazie ancora.