Sto cercando di creare un menu'. Qualcuno mi puo' postare il codice o dire come si fa per fare in modo che se vado a cliccare su una voce del mio menu' questa mi faccia apparire altre sottovoci?
ciao e grazie a chiunque mi risponda
Sto cercando di creare un menu'. Qualcuno mi puo' postare il codice o dire come si fa per fare in modo che se vado a cliccare su una voce del mio menu' questa mi faccia apparire altre sottovoci?
ciao e grazie a chiunque mi risponda
prova a prenderti l'html di questo sito:
http://www.grandespirito.it/slidesho...otografie.html
Kalton
-------------------
www.kalton.it - www.kalton.cavarzere.it
OTTIMO GRAZIE MILLE
E' tutto fogli di stile?
ho preso il codice funzica tutto tranne una cosa...perche' a lui viene la mano quando va su un link ( che contiene sottolink ) e a me no?
non so come mai non funziona..
Domani posto il codice
Non so come mai il menu laterale verticale proposto in
http://www.grandespirito.it/slidesh...fotografie.html
non mi funziona....
La mia pagina è http://www.farmaciamontaldo.ge010.it/dimitri.htm
Ho postato il codice.
Sarà qualche cosa di sbagliato nel javascript??
Mi date una mano?
GRAZIE
<!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 name="generator" content="http://www.inknoise.com/experimental/layoutomatic.php"> <style type="text/css">
body{
margin:0px;
background: #000000;
}
#container {
width:765px;
\width:785px;
w\idth:765px;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color:#000000;
}
#banner {
padding: 0;
margin-bottom: 0;
background-color: #5D98A5;
line-height: 80px;
}
#navigation
ul{
list-style-type: none;
margin: 0;
padding: 0px;
margin-left: 0;
background-color:red;
}
#navigation
li{display: inline;
margin: 0 ;
padding:0px;
}
#navigation
a{
float: left;
width:190px;
\width:190px;
w\idth:190px;
margin: 0;
padding-bottom: 6px;
padding-top: 6px;
text-decoration: none;
border-right:1px solid #C3D6D6;
border-bottom: 1px solid #000000;
border-top: 1px solid #C3D6D6;
background-color:red;
color:white;
text-align: center;
font-family:verdana, arial, sans-serif;
font-size:12px;
}
#navigation
a:hover{
float: left;
width:190px;
\width:190px;
w\idth:190px;
margin: 0;
text-decoration: none;
border-right:1px solid #C3D6D6;
border-bottom: 1px solid #000000;
border-top: 1px solid #C3D6D6;
background-color: #ffffff;
color:#000000;
text-align: center;
font-family:verdana, arial, sans-serif;
font-size:12px;
}
#navigation li#activelink a,div#navigation li#activelink
a:hover{
float: left;
width:190px;
\width:190px;
w\idth:190px;
text-decoration: none;
border-right:1px solid #782920;
border-top:1px solid #782920;
border-bottom:1px solid #000000;
background-color:#ff0000;
color: #ffffff;
font-weight:bolder;
font-family:verdana, arial, sans-serif;
font-size:12px;
}
#content {
margin-right: 200px;
background-color:#000000;
padding:20px;
}
#content p{
color:#ffffff;
text-align: justify;
}
#sidebar-a {
float: right;
min-height:950px;
height: auto !important;
height: 950px;
width: 210px;
\width: 210px;
w\idth: 210px;
margin: 0;
padding-top: 15px;
background: #00000;
border-left: 2px dotted #C3D6D6;
}
#footer {
clear: both;
padding-top: 6px;
padding-bottom: 6px;
margin-top: 0;
text-align: center;
background-color:#000000;
}
#footer p {
color: #ffffff;
font:.7em arial,helvetica,verdana;
}
.menutitle{
cursorointer;
margin-bottom: 6px;
color:#FF9900;
width:110px;
padding:2px;
text-align:center;
font-weight:normal;
font-family:verdana;
font-size:11px;
/*/*/border:1px solid #999999;/* */
}
.submenu{
margin-bottom: 0.5em;
}
body{background-color:#444444;
SCROLLBAR-FACE-COLOR:#777777;
SCROLLBAR-ARROW-COLOR: #FF9900;
SCROLLBAR-TRACK-COLOR:#777777;
}
A.som1:link{font-family:Verdana; font-size:12px; font-weight:normal;
color:#FF9900; text-decoration:none; }
A.som1:active {font-family:Verdana; font-size:12px; font-weight:normal;
color:#FF9900; text-decoration:none; }
A.som1:visited{font-family:Verdana; font-size:12px; font-weight:normal;
color:#FF9900; text-decoration:none; }
A.som1:hover{color:#999999;}
</style>
<script type="text/javascript">
/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsBy TagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
</script>
</head>
<body>
<div id="container">
<div id="banner"> </div>
<div id="navigation">
<ul>
<li id="activelink">Home[*]Palestre[*]Contatti
[*]Download[/list]
</div>
<div id="sidebar-a">
<center>
<div class="menutitle" onclick="SwitchMenu('sub1')">SCHERMA STORICA</div>
<span class="submenu" id="sub1">
DEFINIZIONE DELLA DISCIPLINA
CODICE DEONTOLOGICO DEI MAGISTRI(.doc)
REGOLAMENTO DI SICUREZZA(.doc)
BANDO DI ESAME ANS
STATUTO AIMS
<a class="som1" href="../pagina.html" target="_top">RELAZIONE INERENTE LA
LEGGE ITALIANA SULLE ARMI</a>(.pdf)
</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">
NATURA</div>
<span class="submenu" id="sub2">
<a class="som1" href="tuttefotonatura.html">
Foto natura</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub3')">UCCELLI</div>
<span class="submenu" id="sub3">
Beccapesci
Airone cinerino
Garzetta
Voltapietre
Fenicottero
Airone rosso
Gabbiano
Airone guardabuoi</span>
<div class="menutitle" onclick="SwitchMenu('sub4')">LUOGHI</div>
<span class="submenu" id="sub4">
Paesi Baschi
Petra
Fari
Arena
Lofoten
La Défense
Le case
<a class="som1" href="portogallofoto.html"><font color="#FFFFFF">
nuovo</font>
Portogallo</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub5')">ISTANTI
<font color="#FFFFFF">presto on-line</font></div>
<span class="submenu" id="sub5">
</span>
<div class="menutitle" onclick="SwitchMenu('sub6')">OSPITI</div>
<span class="submenu" id="sub6">
Natalino Gasparini
Mario Vannozzi
Nico Bastone
Milko Marchetti
Massimo Bottoni
</span>
<div class="menutitle" onclick="SwitchMenu('sub7')">LINKS</div>
<span class="submenu" id="sub7">
Links
</span>
<dt>Scherma Storica()</dt>
<dd>Definizione della disciplina</dd>
<dd>Codice Deontologico dei Magistri.doc</dd>
<dt>Regolamento di sicurezza.doc</dt>
<dd>Bando d’ esame ANS</dd>
<dd>Statuto AIMS</dd>
<dd> Relazione inerente la legge italiana sulle armi.pdf </dd>
<dt>Obiettivi!</dt>
<dt>Il Nostro Simbolo!</dt>
<dt>Filosofia()</dt>
<dd>La Scherma è una Arte marziale</dd>
<dd> Il Maestro </dd>
<dd>Il Regolamento di Sala</dd>
<dd> Amare e praticare la pace</dd>
<dt>Attività Sportiva()</dt>
<dd>il metodo</dd>
<dt>la gerarchia</dt>
<dd>il corso prppedutico</dd>
<dt>il corso avanzato</dt>
<dd>Tenuta e Attrezzatura!</dd>
<dt>Seminari!</dt>
<dd>Attività cultura! ma con due link nella pagina con pop-up</dd>
<dt>borgo medioevale!</dt>
<dd>Eventi!</dd>
<dt>Articoli!</dt>
<dd>Pubblicazioni!</dd>
<dt>Links!</dt>
<dd>Albumfoto!</dd>
<dt></dt>
</dl>
</center>
</div>
<div id="content">
</p>
</div>
<div id="footer">
<div id="piedipagina"><p class="testofooter"></p></div>
</p></div>
</div>
<div id="footer">
<div id="piedipagina"><p class="testofooter">A.S.SCHERM. è una Associazione regolarmente registrata. Tutti i diritti su i Loghi e le Firme riportati appartengono ai loro rispettivi depositari.
Sito creato da Aaron Beltrami, dominio registrato © 2004; tutti i diritti sono riservati.
A.S.SCHERM. is a regularly registered association. All trademarks and copyright on the site are owned by their respective owners.
Site conceptual design and content ©2004 Aaron Beltrami (except where otherwise noted). All Rights Reserved.</p></div>
</p></div>
</div>
</body>
guarda ti dico come ho fatto io.
ho copiato fra gli <head> </head>
questo script
<script type="text/javascript">
/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsBy TagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
</script>
e poi nel body mi serviva solo una voce e ho fatto
<div id="masterdiv">
<div class="menutitle" onclick="SwitchMenu('sub1')">GRANDE SPIRITO</div>
<span class="submenu" id="sub1">
Home
Fotografie
Foto parole&suoni
</span>
</div>
Per funzionare va, solo che non capisco come mai non mi compare la manina anche su "grande spirito" menu' che contiene "home,fotografie, fotoparolesuoni"
Ho appena buttato su il mio sito, come ti sembra? e' molto pesante? e' navigabile? grazie
http://xoomer.virgilio.it/liberalfondazione
il tuo sito mi sembra navigabile ed inteleggibile.
Ma valutalo sempre ad alti livelli...
Ascolta io ho provato ad inserire il tuo codice e me ora mi propone cosi:
http://www.farmaciamontaldo.ge010.it/dimitri.htm
a link già aperti!
Secondo te?
sorry non l' avevo provato...questo funziona l' ho appena testato...
nell' head sempre uguale, nel body:
<TR>
<div id="masterdiv">
<TD vAlign=top align=middle width=20 height="1">
[img]images/bwhite.gif[/img]</TD>
<TD vAlign=center height="1">
<div class="menutitle" onclick="SwitchMenu('sub3')">
<font color="#150185"><span style="font-size: 10"><u>S</u><span style="letter-spacing: -1pt"><u>tampa
Estera</u></span></span></font></div>
<span class="submenu" id="sub3">
<font size="1">Articolo 1</font>
<font size="1">Articolo 2</font>
<font size="1">Articolo 3</font></span>
se hai ancora problemi fammi sapere...
Permessi di invio
Rispondi quotando