salve , ho creato questo sito , ma vorrei indicizzare ogni paragrafo ( il titolo testo lo vorrei mettere nella sezione testo , il titolo video lo vorrei mettere nella sezione video del menu e così via...) su ogni corrispettiva sezione del menu in modo che quando clicco ad . esempio su home mi appaia solamente il titolo e il testo della home .
<!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>
</head>
<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" alt="">
<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>
</html>
Rispondi quotando
