salve ho creato questo sito, ma non riesco a indicizzare i vari testi alle loro categorie home , video ,programmi in quanto vengono visualizzati tutti sulla pagina home
codice HTML:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>titolo</title> <body> <style>body { background: #CCC url( 'https://imagizer.imageshack.us/v2/1192x745q90/812/796x.jpg' ) no-repeat top center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }</style> <img src="ciao.png"/> <div id='cssmenu'> <ul> <li><a href="#">Home</a></li> <li><a href="#">Programmi</a></li> <li><a href="#">Video</a></li> <li><a href="#">Contattami</a></li> </ul> <div id="container"> <div class="content"> <a name="Home" id="Home"></a> <h2>Home</h2> <p>Testo della home</p> </div> <div class="content"> <a name="Programmi" id="Programmi"></a> <h2>Programmi</h2> <p>Testo dei programmi</p> </div> <div class="content"> <a name="Video" id="Video"></a> <h2>Video</h2> <p>Testo dei video</p> </div> <div class="content"> <a name="Contattami" id="Contattami"></a> <h2>Contattami</h2> <p>Testo di contattami</p> </div> <style> #cssmenu ul { margin: 5; padding: -10; list-style-type: none; width: auto;/*lunghezza*/ position: relative; display: block; height: 30px; /*altezza*/ font-size: 13px; /* dimensione carattere */ font-weight: bold; background: transparent url(nav_bg.png) repeat-x top left; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #000000; border-top: 1px solid #000000; } #cssmenu li { display: block; float: left; margin: 0; padding: 0; } #cssmenu li a { display: block; float: left; color: #999999; text-decoration: none; font-weight: bold; padding: 8px 20px 0 20px; } #cssmenu li a:hover { color: #FFFFFF; height: 22px; background: transparent url(nav_bg.png) 0px -30px no-repeat; } #cssmenu li.active a { display: inline; height: 22px; background: transparent url(nav_bg.png) 0px -30px no-repeat; float: left; margin: 30; } </style> </head> </body> </html>
Rispondi quotando
