questo è il PDF
Transcript
questo è il PDF
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="it"> <head> <!-- created by Carlo Rossi - http://carlorossi.altervista.org --> <meta content="Carlo Rossi" name="author" /> <meta content="blendTrans(Duration=1)" http-equiv="Page-Enter" /> <title>Menu orizzontale con sottomenu CSS</title> <meta content="text/html; charset=iso-8859-1" http-equiv="content-type" /> <meta content="HAPedit 3.0" name="generator" /> <link type="text/css" href="style.css" rel="stylesheet" /> <link type="text/css" href="menu.css" rel="stylesheet" /> </head> <body> <div id="contenitore"> <div id="contenuto"> <div id="header"></div> <div class="menu"> <ul> <li><a href="#">MENU 1</a> <ul> <li><a href="#">Voce 1 sottomenu 1</a></li> <li><a href="#">Voce 2 sottomenu 1</a></li> <li><a href="#">Voce 3 sottomenu 1</a></li> </ul> </li> <li><a href="#">MENU 2</a> <ul> <li><a href="#">Voce 1 sottomenu 2</a></li> <li><a href="#">Voce 2 sottomenu 2</a></li> <li><a href="#">Voce 3 sottomenu 2</a></li> </ul> </li> <li><a href="#">MENU 3</a> <ul> <li><a href="#">Voce 1 sottomenu 3</a></li> <li><a href="#">Voce 2 sottomenu 3</a></li> <li><a href="#">Voce 3 sottomenu 3</a></li> </ul> </li> <li><a href="#">MENU 4</a> <ul> <li><a href="#">Voce 1 sottomenu 4</a></li> <li><a href="#">Voce 2 sottomenu 4</a></li> <li><a href="#">Voce 3 sottomenu 4</a></li> <li><a href="#">Voce 4 sottomenu 4</a></li> </ul> </li> <li><a href="#">MENU 5</a> <ul> <li><a href="#">Voce 1 sottomenu 5</a></li> <li><a href="#">Voce 2 sottomenu 5</a></li> <li><a href="#">Voce 3 sottomenu 5</a></li> </ul> </li> <li><a href="#">MENU 6</a> <ul> <li><a href="#">Voce 1 sottomenu 6</a></li> <li><a href="#">Voce 1 sottomenu 6</a></li> <li><a href="#">Voce 1 sottomenu 6</a></li> </ul> </li> </ul> </div> <br /> <p>Questo è un menu con sottomenu in puro CSS. <br /> Se preferite il codice CSS è visualizzabile <a target="_blank" href="codice_menu_sottomenu_CSS.pdf">in questo PDF<span style="font-weight: bold;"></span></a>: <a target="_blank" href="codice_menu_sottomenu_CSS.pdf"><img style="border: 0px solid ; width: 23px; height: 30px;" alt="Apri PDF" src="pdf.gif" /></a> E' attivo il copia incolla, per cui è possibile trasferire il codice rapidamente.<br /> Questo è il codice HTML del <a href="codice_menu_sottomenu_HTML.pdf">menu</a><a href="codice_menu_sottomenu_HTML.pdf"> <img style="border: 0px solid ; width: 23px; height: 30px;" alt="Apri PDF" src="pdf.gif" /></a>. inserito in una pagina HTML e <a href="codice_menu_sottomenu_HTML_pagina_schema.pdf">questo è il PDF <img style="border: 0px solid ; width: 23px; height: 30px;" alt="Apri PDF" src="pdf.gif" /></a> con il menu inserito in uno schema di pagina. Come potete notare il codice è contenuto in un tag div class che a sua volta contiene un elenco puntato (tag UL). Ogni sottomenu è un altro elenco puntato contenuto dentro ciascuno voce dell'elenco principale.</p> <p>Potete utilizzarlo liberamente nelle vostre pagine web, farete cosa gradita se mantenete il commento con l'indicazione del creatore.</p> <p></p> <br /> <br /> <br /> <br /> <br /> </div> </div> </body> </html>