kann ich folgende navi in php umsetzen?
bei submenu-button küche soll ein drop-down menu nach unten aufmachen, das über einem bereich erscheint, der von einem anderen html-teil (phpnuke) gebildet wird.
das erste submenu (von restaurant) soll in einer reihe erscheinen so wie bei den anderen submenus und erst das zweite submenu soll nach unten aufmachen.
leider hab ich das nicht so hinbekommen.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pull-down-Menü</title>
<style type="text/css"><!--
body{color:#000000;background-color:#ffffff;
scrollbar-DarkShadow-Color:#9f9f9f;
scrollbar-Track-Color:#333030;
scrollbar-Face-Color:#ffffff;
scrollbar-Shadow-Color:#333030;
scrollbar-Highlight-Color:#000000;
scrollbar-3dLight-Color:#333030;
scrollbar-Arrow-Color:#333030;}
h3{color:blue; text-align:center;}
/* für die beispielseiten blau und fett */
span {font-weight: bold;}
.blau{color: #ffffFF;font-weight:normal;}
.fett{font-weight: bold;}
/*ende*/
/* beginn sichtbare felder */
/* fertig */
div.leiste0 {position:absolute; top:80px; left:20px; height:20px; width:100px; visibility:visible; font-family:Verdana; font-size:10pt; layer-background-color:#ff7f00;}
/* fertig */
div.leiste1 {position:absolute; top:80px; left:130px; height:20px; width:100px; visibility:visible; font-family:Verdana; font-size:10pt; layer-background-color: silver;}
/* fertig */
div.leiste2 {position:absolute; top:80px; left:240px; height:20px; width:100px; visibility:visible; font-family:Arial; font-size:10pt; layer-background-color:yellow;}
/* fertig */
div.leiste3 {position:absolute; top:80px; left:350px; height:20px; width:100px; visibility:visible; font-family:Arial; font-size:10pt; layer-background-color:#a0ff00;}
/* beginn unsichtbare felder */
/* fertig */
div.menu0 {position:absolute; top:107px; left:20px; height:21px; width:405px; visibility:hidden; font-family:Verdana; font-size:10pt; color:#ffffff; background-color:#023467;}
/* fertig */
div.menu1 {position:absolute; top:107px; left:20px; height:21px; width:405px; visibility:hidden; font-family:Verdana; font-size:10pt; background-color:#DCB43A;}
/* fertig */
div.menu2 {position:absolute; top:107px; left:20px; height:21px; width:405px; visibility:hidden; font-family:Arial; font-size:10pt; background-color:#7E0A0A;}
/* fertig */
div.menu3 {position:absolute; top:107px; left:20px; height:21px; width:405px; visibility:hidden; font-family:Arial; font-size:10pt; background-color:#023467;}
:link {color:#000000; text-decoration:none; font-size:10pt; font-family:Verdana;}
:visited {color:#ffffff; text-decoration:none; font-size:10pt; font-family:Verdana;}
:hover {color:#ffffff; font-size:10pt; font-family:Verdana;}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function auf(menu) {
if (document.all) {
document.all[menu].style.visibility="visible";
}
if (document.layers) {
document.layers[menu].visibility="visible";
}
}
function zu(menu) {
if (document.all) {
document.all[menu].style.visibility="hidden";
}
if (document.layers) {
document.layers[menu].visibility="hidden";
}
}
//-->
</script>
<style>
.Menu
{
position: relative;
top: 1;
z-index: 2;
}
.SubMenu
{
position: relative;
top: 48;
z-index: 0;
visibility: hide;
visibility: hidden;
}
</style>
<script>
<!--
function show_layer(x)
{
if(document.layers)
document.layers[x].visibility='show';
else
document.all[x].style.visibility='visible';
}
function hide_layer(x)
{
if(document.layers)
document.layers[x].visibility='hide';
else
document.all[x].style.visibility='hidden';
}
var old;
var memold;
if(document.layers)
{
window.captureEvents(Event.MOUSEUP);
window.onmouseup=do_out;
}
else
{
document.onmouseup=do_out;
}
function do_menu(x)
{
if(!old)
old=memold;
if(old!=x)
{
show_layer(x);
old=x;
}
else
old='';
}
function do_check(x)
{
if(old && old!=x)
{
hide_layer(old);
show_layer(x);
old=x;
}
}
function do_out()
{
if(old)
hide_layer(old);
memold=old;
old='';
}
//-->
</script>
</head>
<body>
<h3>Pull-down-Menü</h3>
<!-- fertig -->
<div style="position:absolute; top:80px; left:20px; height:20px; width:100px; id="leiste0" class="leiste0"><layer width="100" height="20"><a href="#" onMouseover="auf('menu0'),zu('menu1'),zu('menu2'),zu('menu3')"><img src="bilder/schloss.jpg" width="106" height="27" border=0></a></layer></div>
<!-- fertig -->
<div style="position:absolute; top:80px; left:126px; height:20px; width:100px; id="leiste1" class="leiste1"><layer width="100" height="20"><a href="javascript:auf('menu1')" onMouseover="auf('menu1'),zu('menu0'),zu('menu2'),zu('menu3')"><img src="bilder/restaurant.jpg" width="113" height="27" border=0></a></layer></div>
<!-- fertig -->
<div style="position:absolute; top:80px; left:239px; height:20px; width:100px; id="leiste2" class="leiste2"><layer width="100" height="20"><a href="javascript:auf('menu2')" onMouseover="auf('menu2'),zu('menu0'),zu('menu1'),zu('menu3')"><img src="bilder/kultur.jpg" width="126" height="27" border=0></a></layer></div>
<!-- fertig -->
<div style="position:absolute; top:80px; left:350px; height:20px; width:100px; id="leiste3" class="leiste3"><layer width="100" height="20"><a href="javascript:auf('menu3')" onMouseover="auf('menu3'),zu('menu0'),zu('menu1'),zu('menu2')"><img src="bilder/kontakt.jpg" width="75" height="27" border=0></a></layer></div>
<!-- fertig -->
<div id="menu0" class="menu0" align=right><layer width="450" height="20">
<a href="#"> Geschichte</a>
<a href="#"> Räumlichkeiten</a>
<a href="#"> Feste/Seminare </a>
</layer></div>
<!-- fertig -->
<div id="menu1" class="menu1" align=right><layer width="100" height="20">
<a href="#"> Räumlichkeiten</a>
<a href="#"><div id="menue0" class="Menu" style="left: 5; z-index: 2"><a href=javascript:do_menu('untermenue0') onmouseover=do_check('untermenue0')>Küche </a></div><div id="untermenue0" class="SubMenu" style="left: 5; top: 48; z-index: 0;">
<a href="#"><font color="#FFFFFF">Speisekarte</font></a><br>
<a href="#"><font color="#FFFFFF">Philosophie</font></a><br>
<a href="#"><font color="#FFFFFF">Kurse</font></a>
</table></div><!-- Untermenü von Menü Nr.1 -->
</a>
<a href="#"> Keller</a>
<a href="#"> Catering</a>
<a href="#"> Spezereien </a>
</layer></div>
<!-- fertig -->
<div id="menu2" class="menu2" align=right><layer width="100" height="20">
<a href="#"> Puppen</a>
<a href="#"> Adventmarkt</a>
<a href="#"> Veranstaltungskalender</a>
<a href="#"> Archiv </a>
</layer></div>
<!-- fertig -->
<div id="menu3" class="menu3" align=right><layer width="420" height="20">
<a href="#"> Lageplan</a>
<a href="#"> Newsletter</a>
<a href="#"> Anfahrt </a>
</layer></div>
danke, pete
