Salve questo e un menu in html e css che volevo utilizzare per un sito web,, volevo sapere come posso fare a creare dei colegamenti con href ad altre pagine html che pero non aprino un altra pagina del browser ma che rimancano nella stessa schermata questo e il mio menu...
<div id="menu">
<ul id="mymenu">
[*]Home
[*]Fitnees<ul>[*]<a href="http://blog.virgilio.it/audioblog.html" target="_blank">
Uomo</a>
[*]<a href="http://blog.virgilio.it/blog_giorno.html" target="_blank">
Donna</a>[*]<a href="http://blog.virgilio.it/bloglive.html" target="_blank">
Consigli</a>[*]<a href="http://blog.virgilio.it/photoblog.html" target="_blank">
Attrezzi</a>[*]<a href="http://blog.virgilio.it/blog_piu_visti.html" target="_blank">
Segui la nostra scheda</a>[/list]
[*]Body Building<ul>[*]<a href="file:///C:/Users/renato/Desktop/CARTELLA%20HTML/prova/bicipide.htm" target="_blank">
Bicipide</a>[*]<a href="file:///C:/Users/renato/Desktop/CARTELLA%20HTML/prova/deltoidi.htm" target="_blank">
Deltoidi</a>
[*]<a href="file:///C:/Users/renato/Desktop/CARTELLA%20HTML/prova/tricipidi.htm" target="_blank">
Tricipidi</a>[*]<a href="http://community.virgilio.it/" target="_blank">
Dorsali</a>[*]<a href="file:///C:/Users/renato/Desktop/CARTELLA%20HTML/prova/dorsali.htm" target="_blank">
Pettorali</a>
[*]<a href="file:///C:/Users/renato/Desktop/CARTELLA%20HTML/prova/spalle.htm" target="_blank">
Spalle</a>[*]<a href="file:///C:/Users/renato/Desktop/CARTELLA%20HTML/prova/addominali.htm" target="_blank">
Addominali</a>[*]<a href="file:///C:/Users/renato/Desktop/CARTELLA%20HTML/prova/quadricipide.htm" target="_blank">
Quadricipidi</a>
[*]<a href="http://virgiliopeople.virgilio.it/" target="_blank">
Glutei</a>[*]<a href="http://community.virgilio.it/" target="_blank">
Adduttori</a>[*]<a href="http://virgilioparliamone.myblog.it/" target="_blank">
Polpacci</a>[/list]
[*]Sport<ul>[*]<a href="http://blog.virgilio.it/audioblog.html" target="_blank">
Calcio</a>[*]<a href="http://blog.virgilio.it/blog_giorno.html" target="_blank">
Basket</a>[*]<a href="http://blog.virgilio.it/photoblog.html" target="_blank">
Volley</a>
[*]<a href="http://blog.virgilio.it/blog_piu_visti.html" target="_blank">
Atletica</a>[*]<a href="http://blog.virgilio.it/post_piu_visti.html" target="_blank">
Moto</a>[*]<a href="http://blog.virgilio.it/funzionalita.html" target="_blank">
Formula 1</a>[*]<a href="http://blog.virgilio.it/tutti_tag.html" target="_blank">
Altri sport</a>[/list]
[*]Alimentazione<ul>[*]<a href="http://community.virgilio.it/ugc/speciale/blog/" target="_blank">
Dieta dimagrente</a>[*]<a href="http://tecnologia.virgilio.it/" target="_blank">
Dieta per aumento di massa</a>
[*]<a href="http://virgiliopeople.virgilio.it/" target="_blank">
Dieta per corridori</a>[*]<a href="http://community.virgilio.it/" target="_blank">
Dieta e psicologia</a>[/list]
[*]Contattaci<ul>[*]<a href="http://community.virgilio.it/ugc/speciale/blog/" target="_blank">
Per email</a>[*]<a href="http://tecnologia.virgilio.it/" target="_blank">
Per facebook</a>[*]<a href="http://virgiliopeople.virgilio.it/" target="_blank">
Chi siamo?</a>
[*]<a href="http://community.virgilio.it/" target="_blank">
Iscriviti al blog</a>[/list]
[*]Il nostro Blog<ul>[*]<a href="http://community.virgilio.it/ugc/speciale/blog/" target="_blank">
Iscriviti</a>[*]<a href="http://tecnologia.virgilio.it/" target="_blank">
Perchè iscriversi</a>[/list]
[/list]
</div>
CSS
ul#mymenu{
font: 95%/1.8 Verdena,Tahoma,sans-serif;
color: #fff;
background: #642eab;
width:100%;
height:100%;
margin-left:7px;
margin-top:-17px;
line-height:26px;
}
ul#mymenu,ul#mymenu li,ul#mymenu ul,ul#mymenu ul li{
margin:0;
padding:0;
list-style-type:none
}
ul#mymenu a{
display:block;
padding: 0 15px;
text-decoration: none;
color:#FFF;
}
ul#mymenu li{
float: left;
position: relative;
}
ul#mymenu li li{
float: none;
line-height: 22px;
width:200px;
display:block !important;
display: inline;
}
ul#mymenu ul{
position: absolute;
top: 25px;
left: -9999px;
width: 12em;
background: #fff;
color: #642eab;
}
ul#mymenu ul{
padding: 7px 0;
border: 1px solid #642eab;
width:200px;
}
ul#mymenu ul,ul#mymenu li li a{
background-color: #FFF;
color: #642eab;
}
ul#mymenu li:hover,ul#mymenu a:hover{
background-color: #7143a8;
color: #FFF;
}
ul#mymenu li:hover ul,ul#mymenu li.sfhover ul{
left: -1px;z-index: 100;
Rispondi quotando
