-
Menu a tendina con NVU
Ciao a tutti..sto proseguendo (pian piano) con la costruzione del mio sito..purtroppo mi son fissato sul menu a tendina ma non riesco a trovarci il dritto di inserirlo nel codice sorgente dove ho scritto ,per il momento, testualmente i link...se qualcuno sapesse aiutarmi ne sarei veramente grato,altrimenti vorrą dire che mi accontento dei semplici collegamenti.
Qui di seguito l'HTML
Codice HTML:
<!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>index</title>
</head>
<body
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"
alink="#e20000" link="#ededed" vlink="#e20000">
<table
style="width: 800px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr align="center">
<td style="height: 50px; width: 800px;"><img
style="width: 800px; height: 50px;" alt="MD Photo"
src="Grafica%20home%20page/titolo%20home%20page.jpg"
align="middle" /></td>
</tr>
<tr>
<td style="height: 8px;">
<hr style="color: red; height: 1px; width: 100%;" /></td>
</tr>
<tr align="center">
<td
style="text-align: left; width: 800px; height: 35px; vertical-align: top;"> <big><span
style="font-style: italic; font-weight: bold;">
Home
Profilo
Attrezzatura
Gallery
Link
Info</span></big></td>
</tr>
<tr>
<td style="height: 60px;"><br />
<div style="text-align: center;"><span
class="large"><em></em></span><big><big><big><big>Sito
in costruzione</big></big></big></big></div>
</td>
</tr>
<tr>
<td align="undefined" valign="undefined"><img
style="width: 25px; height: 25px; float: right;"
alt="English version" src="Grafica%20home%20page/flag_uk.gif"
hspace="3" /><img
style="width: 25px; height: 25px; float: right;"
alt="Versione italiana"
src="Grafica%20home%20page/flag_italy.gif" hspace="10" /></td>
</tr>
</tbody>
</table>
<br />
</body>
</html>
e la home page in costruzione...
http://mdphoto.altervista.org/index.html
Usa i tag appositi per il codice, migliori la visualizzazione :wink:
-
Se cerchi con Google, trovi tantissimi esempi.
-
Di esempi ne ho trovati tantissimi ma quando si tratta di inserire i codici comincia il bello...e alla fine non risolvo nulla.Pazienza...grazie lo stesso.
-
semplice esempio trovato online e riabbozzato per farti capire come devi sistemare le varie cose:
Codice:
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<head>
<script language="javascript">
function Menu(links) {
//Crea un link all'indice della select selezionato
location.href = links[links.selectedIndex].value;
}
//Crea la tabella di dati contenente le voci delle possibili opzioni
var voci = new Array();
voci[0] = "Pagina 1";
voci[1] = "Pagina 2";
voci[2] = "Pagina 3";
voci[3] = "Pagina 4";
voci[4] = "Pagina 5";
//Crea la tabella di dati contenente i link alle rispettive voci delle opzioni
var link = new Array();
link[0] = "pagina1.htm";
link[1] = "pagina2.htm";
link[2] = "pagina3.htm";
link[3] = "pagina4.htm";
link[4] = "pagina5.htm";
//Crea la struttura Html della select
</script>
</head>
<body>
<script language="javascript">
document.write("<select onChange=Menu(this)>");
document.write("<option value=javascript:void(0)>menu con vari link</option>");
//Esegue un ciclo ed estende tutte le voci del menu
for(i=0; i<5; i++) {
document.write("<option value=" + link[i] + ">" + voci[i] + "</option>");
}
document.write("</select>");
</script>
</body>
</html>
