Merhaba arkadaşlar.

sitemin üst kısmına aşağıdaki gibi bir menü yapmak istiyorum.

Başlık 1 || Başlık 2 || Başlık 3 || Başlık 4 ||


bu başlıklar veri tabanındaki (menu_kategori) tablosundan çekiliyor.

başlıklar üzerine gelindiğinde açılır menüde (menu_icerik) tablosundan çekilmesini istiyorum.

anlayamadığım olay ise şu.

Başlık 1 'in altına menu 1'i, Başlık 2'nin altınada menu 2'yi eklemek istiyorum ama mantığını anlayamadığım için çıktı alamıyorum.

yapmak istediğim menünün html kodu bu...

<style>
.part_3{
	position: absolute;
	top: 147px;
	left: 0px;
	height: 25px;
}
.navigation{
	height: 27px;
	overflow-y: hidden;
	margin: 55px;
	padding: 0px 0px 0px 20px;
}
.navigation li {
	float: left;
	height: 20px;
	list-style: none;
	background: url(../images/top_nav_sep.png) no-repeat left 12px;
}
.navigation a{
	height: 27px;
	font: 700 11px/27px Tahoma;
	color: #000000;
	padding: 0px 10px 0px 9px;
}
.navigation a:hover{
	text-decoration: underline;
}
</style>

<div class="part_3">
	<ul class="navigation">
	<li><a id="menu1" href="#" target="_self">Başlık 1</a></li>
	<li><a id="menu2" href="#" target="_self">Başlık 2</a></li>
	</ul>
</div>


<script src="js/transmenu.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">
if (TransMenu.isSupported())
{
var ms = new TransMenuSet(TransMenu.direction.down, 0, 0, TransMenu.reference.bottomLeft);
TransMenu.subpad_x = 0;
TransMenu.subpad_y = 0;
		
	var tmenu1 = ms.addMenu(document.getElementById("menu1"));
		tmenu1.addItem("Başlık 1", "link", 0, 0);
		
	var tmenu2 = ms.addMenu(document.getElementById("menu2"));
		tmenu2.addItem("Başlık 2", "link", 0, 0);


TransMenu.renderAll();
}
init1=function()
{
TransMenu.initialize();
}
if (window.attachEvent)
{
window.attachEvent("onload", init1);
}
else
{
TransMenu.initialize();			
}
</script>