Menü alatt "leirás"

Ez is egy könnyű kód, és jól is mutat. A pirossal jelölt részt tudjátok átirni. Ez pedig itt a demo: (ha nem elég ez a négy menüpont, akkor szokás szerint úgy tudod "növelni", ha ezt a tag részletet, ami a táblázatban van a legutolsó alá illeszted!)

Ez a kód: 

<style type="text/css">

<!--

.coolmenu{

width: 200px;

}

.coolmenu td{

background-color:bisque;

cursor:hand;

font-family:Arial;

font-weight:bold;

}

.coolmenu td a{

text-decoration:none;

color:black;

}

.coolmenu td#boxdescription{

background: ivory;

height: 25px;

font-weight: normal;

}

-->

</style>

<script language="javascript">

<!--

/*

Cool Table Menu

By Clarence Eldefors (http://www.freebox.com/cereweb) with modifications from javascriptkit.com

Visit http://javascriptkit.com for this and over 400+ other scripts

*/

function movein(which,html){

which.style.background='coral'

if (document.getElementById)

document.getElementById("boxdescription").innerHTML=html

else

boxdescription.innerHTML=html

}

function moveout(which){

which.style.background='bisque'

if (document.getElementById)

document.getElementById("boxdescription").innerHTML=' '

else

boxdescription.innerHTML=' '

}

//-->

</script>

<table class="coolmenu" bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0">

<tr>

<td bordercolor="black" id="choice1" onmouseover="movein(this,'Ide pedig az, ami akkor jön ki, amikor ráviszed az egered a menü nevére')" onmouseout="moveout(this)"">

<a href="Ide a hivatkozás">Ide a menü neve jön</a></td></tr>

<td bordercolor="black" id="choice2" onmouseover="movein(this,''Ide pedig az, ami akkor jön ki, amikor ráviszed az egered a menü nevére')" 

onmouseout="moveout(this)">

<a href="Ide a hivatkozás">Ide a menü neve jön</a></td></tr>

<td bordercolor="black" id="choice3" onmouseover="movein(this,Ide pedig az, ami akkor jön ki, amikor ráviszed az egered a menü nevére')" onmouseout="moveout(this)"><a 

href="Ide a hivatkozás">Ide a menü neve jön</a></td></tr>

<td bordercolor="black" id="choice4" onmouseover="movein(this,'Ide pedig az, ami akkor jön ki, amikor ráviszed az egered a menü nevér')" 

onmouseout="moveout(this)"><a href="Ide a hivatkozás">Ide a menü neve jön</a></td></tr>

<tr>

<td bordercolor="black" id="boxdescription"></td></tr>

</table>