salve , ho creato questo sito in html ma non so perchè nel menù orizzontale la voce home è separata da programmi e video:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>InfoTech.com</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/style3.css" />
</head>
<body background="http://4.bp.blogspot.com/-g92uZYaOGMU/TlLLQnxRs2I/AAAAAAAADAM/cOQz65EZ-Cw/s1600/Wallpapers-room_com___Closed_Maze_Blue_by_Untergunter_1280x800.jpg">
<img src="http://img841.imageshack.us/img841/7396/8vf1.png">
<style type="text/css">
#tabs { font-family: Trebuchet, sans-serif; font-size: 20px; }
#tabs li {
list-style: none;
float: left;
width: 100px;
height: 30px;
margin: 3px;
}
#tabs li a {
background-color: none;
color: 00FFFF;
font-weight: none;
text-decoration: none;
width: 100px;
height: 35px;
display: block;
float: left;
line-height: 50px;
text-align: left;
}
#tabs li a:hover,
#tabs li a:active { color: #FF0000; }
div.content {
color: #000000;
font-family: Source Sans Pro;
font-size: 15px;
background-color: none;
padding: 25px;
width: 600px;
height: 350px;
line-height: 22px;
}
#container { clear: both; height: 400px; overflow: hidden; }
</style>
</head>
<body>
<ul id="tabs">
<li><a href="#Home">Home</a></li>
<li><a href="#Programmi">Programmi</a></li>
<li><a href="#Video">Video</a></li>
</ul>
<div id="container">
<div class="content">
<a name="Home" id="Home"></a>
<h2>Home</h2>
<p>Lorem ipsum dolor sit amet consectetuer ac quis dui mauris iaculis. Congue Vestibulum wisi tellus a Curabitur laoreet dui orci.</p>
</div>
<div class="content">
<a name="Programmi" id="Programmi"></a>
<h2>Programmi</h2>
<p>Convallis elit tortor ut ante libero Aenean Maecenas semper et interdum. Id lorem id dui orci risus volutpat Curabitur Curabitur a urna. Vivamus sit lorem venenatis Nulla semper justo pretium id tincidunt Vestibulum. Vestibulum justo volutpat non.</p>
</div>
<div class="content">
<a name="Video" id="Video"></a>
<h2>Video</h2>
<p>Urna justo quam nunc urna sem facilisis nibh Curabitur tellus quis. Orci sem ligula platea parturient justo Morbi id cursus tortor adipiscing. Tortor convallis pede orci Quisque id Nam condimentum sed eu Sed. Cum orci Quisque vitae egestas vitae nulla Cum fermentum egestas ante. Congue eu elit.</p>
</div>
</div>
</html>
spero mi potiate aiutare. Grazie
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>InfoTech.com</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/style3.css" />
</head>
<body background="http://4.bp.blogspot.com/-g92uZYaOGMU/TlLLQnxRs2I/AAAAAAAADAM/cOQz65EZ-Cw/s1600/Wallpapers-room_com___Closed_Maze_Blue_by_Untergunter_1280x800.jpg">
<img src="http://img841.imageshack.us/img841/7396/8vf1.png">
<style type="text/css">
#tabs { font-family: Trebuchet, sans-serif; font-size: 20px; }
#tabs li {
list-style: none;
float: left;
width: 100px;
height: 30px;
margin: 3px;
}
#tabs li a {
background-color: none;
color: 00FFFF;
font-weight: none;
text-decoration: none;
width: 100px;
height: 35px;
display: block;
float: left;
line-height: 50px;
text-align: left;
}
#tabs li a:hover,
#tabs li a:active { color: #FF0000; }
div.content {
color: #000000;
font-family: Source Sans Pro;
font-size: 15px;
background-color: none;
padding: 25px;
width: 600px;
height: 350px;
line-height: 22px;
}
#container { clear: both; height: 400px; overflow: hidden; }
</style>
</head>
<body>
<ul id="tabs">
<li><a href="#Home">Home</a></li>
<li><a href="#Programmi">Programmi</a></li>
<li><a href="#Video">Video</a></li>
</ul>
<div id="container">
<div class="content">
<a name="Home" id="Home"></a>
<h2>Home</h2>
<p>Lorem ipsum dolor sit amet consectetuer ac quis dui mauris iaculis. Congue Vestibulum wisi tellus a Curabitur laoreet dui orci.</p>
</div>
<div class="content">
<a name="Programmi" id="Programmi"></a>
<h2>Programmi</h2>
<p>Convallis elit tortor ut ante libero Aenean Maecenas semper et interdum. Id lorem id dui orci risus volutpat Curabitur Curabitur a urna. Vivamus sit lorem venenatis Nulla semper justo pretium id tincidunt Vestibulum. Vestibulum justo volutpat non.</p>
</div>
<div class="content">
<a name="Video" id="Video"></a>
<h2>Video</h2>
<p>Urna justo quam nunc urna sem facilisis nibh Curabitur tellus quis. Orci sem ligula platea parturient justo Morbi id cursus tortor adipiscing. Tortor convallis pede orci Quisque id Nam condimentum sed eu Sed. Cum orci Quisque vitae egestas vitae nulla Cum fermentum egestas ante. Congue eu elit.</p>
</div>
</div>
</html>
spero mi potiate aiutare. Grazie
Ultima modifica:
