Ecco qui il codice che ho scritto fino ad ora:
codice:
							
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>
<style type="text/css">
#finestra {
    width: 1024px;
    height: 758px;
    overflow: hidden;
    position: relative;
    display: inline;
    z-index: 0;
}
#finestra img {
    display: block;
    position: absolute;
    left: -1600px;       /* questi due sono da definire in base alle esigenze */
    top: -2500px;
#menu {
}
#menu{
    background: #fff;
    height: 45px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
    font-family: "kg_second_chances_sketchRg";
}

#menu ul{    
width:960px;
margin:0 auto;
height:25px;
padding-top:15px;    
}

#menu ul li{    
float:left;
height:30px;
width:200px;
padding-left:0;
list-style-type:none;
text-align:center;
}

#menu ul li a{    
color:#333;
font-weight:bold;
text-decoration:none;
}
</style>
</head>

<body>
<nav id="menu">
   <ul>
           <li><a class="home" href="#">Home</a></li>
           <li><a class="chisono" href="#">Chi sono</a></li>
           <li><a class="servizi" href="#">Strumenti</a></li>
           <li><a class="contatti" href="#">Scrivimi</a></li>
   </ul>
</nav>
<div id="finestra">
<img src="sfondo-presentazione.jpg" width="4724" height="4134" /> </div>
    
    
   


</body>
</html>
Mi trovo davanti a 2 problemi : 1 - il menù sopra non si vede, e questo riguarda il css 2- vorrei che quando clicco su una voce del menù li attributi top e left cambino a mio piacimento e questo penso riguardi js