CSS-Menü in Tabellen-Design einbinden

ernst_stavro_b. · 28. Okt. 2004

Hi,

ich habe ein Aufklappmenü, das ausschließlich aus divs zusammengesetzt ist, möchte es aber in eine mit Tables designte Seite einbinden!
Damit alles funktioniert müsste ich die ganze Seite mit divs designen ... aber dann kommt es ja auch wieder zu Darstellungsproblemen!

Allerdings kann ich den Menü-Code nicht in eine Tabellenzelle einbinden !

Wer kann mir helfen?

Hier noch der Menü-Code, vielleicht hilft er euch, meine Frage zu beantworten:

Code:

<head>
<style>
.norm {background-color: #C7D0D7; font-family: Arial, Arial, Helvetica; font-size: 10px; color: black; width:170; height:20; cursor:hand; text-align:left}
</style>
<script language="JavaScript">
<!--
menu_act=new Array(0,0,0,0);
function menu_down(reihe,nummer) {
if (menu_act[reihe-1]==0) {
menu_act[reihe-1]=1;
for (var i=1;i<nummer+1;i++) {
document.getElementById('m'+reihe+'-'+i).style.visibility='visible';
}}
}
function menu_up(reihe,nummer) {
if (menu_act[reihe-1]==1) {
menu_act[reihe-1]=0;
for (var i=1;i<nummer+1;i++) {
document.getElementById('m'+reihe+'-'+i).style.visibility='hidden';
}}
}
function goto(url,reihe,nummer) {
menu_up(reihe,nummer);
location.href=url;
// oder im Frameset: parent.[FRAMENAME].location.href=url;
}
function c_color(c_div) {
c_div.style.backgroundColor="#DEE4E7";
}
function o_color(c_div) {
c_div.style.backgroundColor="#C7D0D7";
}
-->
</script>
</head>
<body>
<div class=norm style="position:absolute; left:0; top:84; z-index:2; visibility:visible" id="m1" onmouseover="menu_down(1,4); c_color(this);" onmouseout="menu_up(1,4); o_color(this);"><img src="http://ianfleming.de.vu/newwebsite/navi_ianfleming.gif"></div>
<div class=norm style="position:absolute; left:0; top:105; z-index:2; visibility:hidden" id="m1-1" onmouseover="menu_down(1,4); c_color(this);" onmouseout="menu_up(1,4); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/seinleben.htm',1,4);"><font color="C7D0D7"><span style="line-height:21px">oo</font>Sein Leben</div>
<div class=norm style="position:absolute; left:0; top:125; z-index:2; visibility:hidden" id="m1-2" onmouseover="menu_down(1,4); c_color(this);" onmouseout="menu_up(1,4); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/werke.htm',1,4);"><font color="C7D0D7">oo</font>Werke</div>
<div class=norm style="position:absolute; left:0; top:145; z-index:2; visibility:hidden" id="m1-3" onmouseover="menu_down(1,4); c_color(this);" onmouseout="menu_up(1,4); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/biographien.htm',1,4);"><font color="C7D0D7">oo</font>Biographien</div>
<div class=norm style="position:absolute; left:0; top:165; z-index:2; visibility:hidden" id="m1-4" onmouseover="menu_down(1,4); c_color(this);" onmouseout="menu_up(1,4); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/opjb.htm',1,4);"><font color="C7D0D7">oo</font>Die "Operation James Bond"</div>
     <div class=norm style="position:absolute; left:170; top:84; visibility:visible" id="m2" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);"><img src="http://ianfleming.de.vu/newwebsite/navi_jamesbond.gif"></div>
<div class=norm style="position:absolute; left:170; top:105; z-index:2; visibility:hidden" id="m2-1" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/bond.htm',2,16);"><font color="C7D0D7">oo</font>Agent James Bond 007</div>
<div class=norm style="position:absolute; left:170; top:125; z-index:2; visibility:hidden" id="m2-2" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/cr.htm',2,16);"><font color="C7D0D7">oo</font>Casino Royale</div>
<div class=norm style="position:absolute; left:170; top:145; z-index:2; visibility:hidden" id="m2-3" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/lald.htm',2,16);"><font color="C7D0D7">oo</font>Leben und sterben lassen</div>
<div class=norm style="position:absolute; left:170; top:165; z-index:2; visibility:hidden" id="m2-4" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/mr.htm',2,16);"><font color="C7D0D7">oo</font>Moonraker (Mondblitz)</div>
<div class=norm style="position:absolute; left:170; top:185; z-index:2; visibility:hidden" id="m2-5" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/daf.htm',2,16);"><font color="C7D0D7">oo</font>Diamantenfieber</div>
<div class=norm style="position:absolute; left:170; top:205; z-index:2; visibility:hidden" id="m2-6" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/frwl.htm',2,16);"><font color="C7D0D7">oo</font>Liebesgrüße aus Moskau</div>
<div class=norm style="position:absolute; left:170; top:225; z-index:2; visibility:hidden" id="m2-7" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/dn.htm',2,16);"><font color="C7D0D7">oo</font>James Bond jagt Dr. No</div>
<div class=norm style="position:absolute; left:170; top:245; z-index:2; visibility:hidden" id="m2-8" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/gf.htm',2,16);"><font color="C7D0D7">oo</font>Goldfinger</div>
<div class=norm style="position:absolute; left:170; top:265; z-index:2; visibility:hidden" id="m2-9" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/fyeo.htm',2,16);"><font color="C7D0D7">oo</font>For Your Eyes Only</div>
<div class=norm style="position:absolute; left:170; top:285; z-index:2; visibility:hidden" id="m2-10" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/tb.htm',2,16);"><font color="C7D0D7">oo</font>Aktion Feuerball</div>
<div class=norm style="position:absolute; left:170; top:305; z-index:2; visibility:hidden" id="m2-11" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/tswlm.htm',2,16);"><font color="C7D0D7">oo</font>Der Spion, der mich liebte</div>
<div class=norm style="position:absolute; left:170; top:325; z-index:2; visibility:hidden" id="m2-12" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/ohmss.htm',2,16);"><font color="C7D0D7">oo</font>Im Dienst ihrer Majestät</div>
<div class=norm style="position:absolute; left:170; top:345; z-index:2; visibility:hidden" id="m2-13" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/yolt.htm',2,16);"><font color="C7D0D7">oo</font>Du lebst nur zweimal</div>
<div class=norm style="position:absolute; left:170; top:365; z-index:2; visibility:hidden" id="m2-14" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/tmwtgg.htm',2,16);"><font color="C7D0D7">oo</font>Der Mann mit dem goldenen Colt</div>
<div class=norm style="position:absolute; left:170; top:385; z-index:2; visibility:hidden" id="m2-15" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/optld.htm',2,16);"><font color="C7D0D7">oo</font>Octopussy & The Living Daylights</div>
<div class=norm style="position:absolute; left:170; top:405; z-index:2; visibility:hidden" id="m2-16" onmouseover="menu_down(2,16); c_color(this);" onmouseout="menu_up(2,16); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/fortsetzungsromane.htm',2,16);"><font color="C7D0D7">oo</font>Fortsetzungsromane</div>
     <div class=norm style="position:absolute; left:339; top:84; z-index:2; visibility:visible" id="m3" onmouseover="menu_down(3,4); c_color(this);" onmouseout="menu_up(3,4); o_color(this);"><img src="http://ianfleming.de.vu/newwebsite/navi_anderewerke.gif"></div>
<div class=norm style="position:absolute; left:340; top:105; z-index:2; visibility:hidden" id="m3-1" onmouseover="menu_down(3,4); c_color(this);" onmouseout="menu_up(3,4); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/ccbb.htm',3,4);"><font color="C7D0D7">oo</font>Chitty Chitty Bang Bang</div>
<div class=norm style="position:absolute; left:340; top:125; z-index:2; visibility:hidden" id="m3-2" onmouseover="menu_down(3,4); c_color(this);" onmouseout="menu_up(3,4); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/tds.htm',3,4);"><font color="C7D0D7">oo</font>The Diamond Smugglers</div>
<div class=norm style="position:absolute; left:340; top:145; z-index:2; visibility:hidden" id="m3-3" onmouseover="menu_down(3,4); c_color(this);" onmouseout="menu_up(3,4); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/tc.htm',3,4);"><font color="C7D0D7">oo</font>Thrilling Cities</div>
<div class=norm style="position:absolute; left:340; top:165; z-index:2; visibility:hidden" id="m3-4" onmouseover="menu_down(3,4); c_color(this);" onmouseout="menu_up(3,4); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/fij.htm',3,4);"><font color="C7D0D7">oo</font>Ian Fleming Introduces Jamaica</div>
     <div class=norm style="position:absolute; left:508; top:84; z-index:2; visibility:visible" id="m4" onmouseover="menu_down(4,5); c_color(this);" onmouseout="menu_up(4,5); o_color(this);"><img src="http://ianfleming.de.vu/newwebsite/navi_specials.gif"></div>
<div class=norm style="position:absolute; left:509; top:105; z-index:2; visibility:hidden" id="m4-1" onmouseover="menu_down(4,5); c_color(this);" onmouseout="menu_up(4,5); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/phpBB',4,5);"><font color="C7D0D7">oo</font>Forum</div>
<div class=norm style="position:absolute; left:509; top:125; z-index:2; visibility:hidden" id="m4-2" onmouseover="menu_down(4,5); c_color(this);" onmouseout="menu_up(4,5); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/fanfiction.htm',4,5);"><font color="C7D0D7">oo</font>FanFiction</div>
<div class=norm style="position:absolute; left:509; top:145; z-index:2; visibility:hidden" id="m4-3" onmouseover="menu_down(4,5); c_color(this);" onmouseout="menu_up(4,5); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/links.htm',4,5);"><font color="C7D0D7">oo</font>Links</div>
<div class=norm style="position:absolute; left:509; top:165; z-index:2; visibility:hidden" id="m4-4" onmouseover="menu_down(4,5); c_color(this);" onmouseout="menu_up(4,5); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/impressum.htm',4,5);"><font color="C7D0D7">oo</font>Impressum</div>
<div class=norm style="position:absolute; left:509; top:185; z-index:2; visibility:hidden" id="m4-5" onmouseover="menu_down(4,5); c_color(this);" onmouseout="menu_up(4,5); o_color(this);" onclick="goto('http://www.jamesbondromane.shellmaster.de/copyright.htm',4,5);"><font color="C7D0D7">oo</font>Copyright</span></div>

CSS-Menü in Tabellen-Design einbinden

ernst_stavro_b.

New member