mikkele
Erfahrenes Mitglied
Hallo Leute,
okay...wie erkläre ich das jetzt am besten...
Ich habe eine Drop-Downmenü, das ich auf über 50 Seiten haben möchte. In das Menü werden (wahrscheinlich) fortlaufend neue Einträge gemacht. Deshalb möchte ich das Dropdownmenü über einen Iframe darstellen, damit ich es nur einmal ändern muss, und dann nicht 100 x über copy/paste auf den anderen Seiten einfügen muss.
Jetzt habe ich im ganz oben auf der Seite einen Iframe (25 px hoch), wo ich die HTML mit dem DD-Menü einbinde. Das Problem ist, dass das Menü nicht über den Iframe hinausgeht.
Gibt es mit folgendem Code eine einfache Möglichkeit, dass das Menü über die Seite drübergeht?
Bin für jeden Ratschlag dankbar
lg
Michael
okay...wie erkläre ich das jetzt am besten...

Ich habe eine Drop-Downmenü, das ich auf über 50 Seiten haben möchte. In das Menü werden (wahrscheinlich) fortlaufend neue Einträge gemacht. Deshalb möchte ich das Dropdownmenü über einen Iframe darstellen, damit ich es nur einmal ändern muss, und dann nicht 100 x über copy/paste auf den anderen Seiten einfügen muss.
Jetzt habe ich im ganz oben auf der Seite einen Iframe (25 px hoch), wo ich die HTML mit dem DD-Menü einbinde. Das Problem ist, dass das Menü nicht über den Iframe hinausgeht.
Gibt es mit folgendem Code eine einfache Möglichkeit, dass das Menü über die Seite drübergeht?
HTML:
<head>
<style type="text/css">
body { font: normal 11px/13px Verdana; }
img { border: none; height: 12px; float: left; padding-right: 5px; clear:left; }
#menu ul.select { width: 200px; vertical-align: middle; border: solid 1px #CCC; list-style-type: none; }
#menu ul li.item { display: none; border-top: dotted 1px #CDCDCD; padding: 1px 0; }
#menu ul li.item:hover { display: block; }
#menu ul li.item a { display: block; width: 200px; height: 15px; background: #CCCCCC; }
#menu ul li.item a:hover { /* background: #CCC; */ }
#menu ul li.top { background: transparent url(DropArrow.gif) no-repeat left; width: 195px; line-height: 18px; padding-left: 5px; color: #FFFFFF;}
#menu ul:hover .item { display: block; }
</style>
</head>
<body>
<table width="950" height="20" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="270">
<div id="menu">
<ul class="select">
<li class="top"> worldwide </li>
<li class="item"><a href="#"><img src="../language/fahne1.gif" width="23" height="12"/> link1 </a></li>
<li class="item"><a href="#"><img src="../language/fahne2.gif" width="23" height="12"/> link2 </a></li>
<li class="item"><a href="#"><img src="../language/fahne3.gif" width="23" height="12"/> link3 </a></li>
</ul>
</div>
</td>
</tr>
</table>
</body>
</html>
Bin für jeden Ratschlag dankbar

lg
Michael