Come posso ottenere una sorta di task tipo quelle che ci sono nel sito di yahoo??
Per intenderci, quelli in basso dove c'è scritto
+Notizie
+Sport
+GossipProva questa pagina che ho appena fatto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Prova</title>
<script type="text/javascript">
<!--
function select_box (sel_idx)
{
for (i = 1; i <= 3; i++)
{
var obj = document.getElementById ("box" + i);
obj.style.display = "none";
}
var obj = document.getElementById ("box" + sel_idx);
obj.style.display = "block";
}
//-->
</script>
<style type="text/css">
<!--
#mainbox { width: 300px; height: 200px; border: 1px solid #808080; }
#mainboxmenu { background: #808080; margin: 0px; padding: 0px; }
#mainboxmenu li { float: left; width: 100px; margin: 0px; padding: 0px; list-style: none; text-align: center; }
#mainboxclear { clear: both; }
#box1, #box2, #box3 { display: none; margin-top: 10px; }
-->
</style>
</head>
<body onload="select_box(1)">
<div id="mainbox">
<ul id="mainboxmenu">
<li><a href="#" onclick="select_box(1)">Box 1</a></li>
<li><a href="#" onclick="select_box(2)">Box 2</a></li>
<li><a href="#" onclick="select_box(3)">Box 3</a></li>
</ul>
<div id="mainboxclear"></div>
<div id="box1">
Ciao, prova box uno
</div>
<div id="box2">
Ciao, prova box due
</div>
<div id="box3">
Ciao, prova box tre
</div>
</div>
</body>
</html>A parte l'aspetto estetico (che puoi modificare e migliorare come preferisci), la funzionalità è quella che hai citato.