Anzeige: united-domains - Die ganze Welt der Domains
Einfache & schnelle Domain-Registrierung zu fairen Preisen ohne Einrichtungsgebühren. Mehr als 250 Domain-Endungen aus einer Hand inklusive E-Mail- & Web-Weiterleitung. Einzigartiges Domain-Portfolio zur bequemen & sicheren Verwaltung Ihrer Domain-Namen.
Jetzt Domain-Check bei united-domains!
Mouseover beim Klappmenü im IE
Autor: lise
Datum: 08.09.2010 11:08:42
Hallo,
ich hoffe ihr könnt mir bei einem dringenden Problem weiterhelfen. Ich habe schon die Suche bemüht, aber da die Beispiele in den alten Beiträgen nicht mehr aufzurufen sind konnte ich die Lösungen nicht so richtig nach vollziehen. Also, ich habe eine Website erstellt mit einem Menü, bei dem ein Untermenü ausklappt, wenn man mit der Maus draufgeht. Das funktioniert auch, aber leider nicht im Internet Explorer.
--></style>
<style type="text/css">
#holder { line-height: 18px; text-align: center; border: solid 1px #ff9933; position: absolute; z-index: 100; top: 308px; left: 220px; width: 108px; height: 20px; overflow: hidden; visibility: visible }
#holder:hover {height:130px; cursor:pointer; background:#eee;}
#holder a:visited, #holder a {display:block; width:100%; line-height:18px; color:#ff9933; text-decoration:none;}
#holder a:hover {color:#ff9933;background:#ddd;}
</style>
<style type="text/css">
#holder2 { line-height: 18px; text-align: center; border: solid 1px #ff9933; position: absolute; z-index: 100; top: 308px; left: 115px; width: 100px; height: 20px; overflow: hidden; visibility: visible }
#holder2:hover {height:20px; cursor:pointer; background:#eee;}
#holder2 a:visited, #holder2 a {display:block; width:100%; line-height:18px; color:#ff9933; text-decoration:none;}
#holder2 a:hover {color:#ff9933;background:#ddd;}
</style>
<style type="text/css">
#holder3 { line-height: 18px; text-align: center; border: solid 1px #ff9933; position: absolute; z-index: 100; top: 308px; left: 334px; width: 100px; height: 20px; overflow: hidden; visibility: visible }
#holder3:hover {height:100px; cursor:pointer; background:#eee;}
#holder3 a:visited, #holder3 a {display:block; width:100%; line-height:18px; color:#ff9933; text-decoration:none;}
#holder3 a:hover {color:#ff9933;background:#ddd;}
</style>
<style type="text/css">
#holder4 { line-height: 18px; text-align: center; border: solid 1px #ff9933; position: absolute; z-index: 100; top: 308px; left: 439px; width: 100px; height: 20px; overflow: hidden; visibility: visible }
#holder4:hover {height:20px; cursor:pointer; background:#eee;}
#holder4 a:visited, #holder4 a {display:block; width:100%; line-height:18px; color:#ff9933; text-decoration:none;}
#holder4 a:hover {color:#ff9933;background:#ddd;}
</style>
<style type="text/css">
#holder5 { line-height: 18px; text-align: center; border: solid 1px #ff9933; position: absolute; z-index: 100; top: 308px; left: 545px; width: 100px; height: 20px; overflow: hidden; visibility: visible }
#holder5:hover {height:20px; cursor:pointer; background:#eee;}
#holder5 a:visited, #holder5 a {display:block; width:100%; line-height:18px; color:#ff9933; text-decoration:none;}
#holder5 a:hover {color:#ff9933;background:#ddd;}
</style>
</head>
<body bgcolor="#ffffff">
<div id="Ebene1">
<div id="Ebene2">
<img src="fisch.jpg" alt="" width="100" height="100" border="0"></div>
<table width="921" border="0" cellspacing="0" cellpadding="0" cool gridx="8" gridy="8" height="690" showgridx showgridy usegridx usegridy>
<tr height="416">
<td width="920" height="416" colspan="3"></td>
<td width="1" height="416"><spacer type="block" width="1" height="416"></td>
</tr>
<tr height="273">
<td width="432" height="273"></td>
<td content csheight="164" width="328" height="273" valign="top" xpos="432"><font size="+1" color="white" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Nicht nur der erste Eindruck zählt - auch was dahinter steht. </font>
<p><font size="+1" color="white" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Individuelle,durchdachte Konzepte und innovatives Design, maßgeschneidert für Ihre Inhalte.</font></p>
<p></p>
</td>
<td width="160" height="273"></td>
<td width="1" height="273"><spacer type="block" width="1" height="273"></td>
</tr>
<tr height="1" cntrlrow>
<td width="432" height="1"><spacer type="block" width="432" height="1"></td>
<td width="328" height="1"><spacer type="block" width="328" height="1"></td>
<td width="160" height="1"><spacer type="block" width="160" height="1"></td>
<td width="1" height="1"></td>
</tr>
</table>
</div>
<div id="holder2">
<font size="+1" color="#ff9933" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Anfang</font>
<font size="-1" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">
<hr />
</div>
<div id="holder">
<font size="+1" color="#ff9933" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Ausdruck</font><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">
<hr />
</font><font size="-1" color="#696969" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><a href="ausdruck1.html">Ausstellungdesign</a>
<a href="ausdruck2.html">Werbekonzepte</a>
<a href="ausdruck3.html">Corporatedesign</a>
<a href="ausdruck4.html">Printdesign</a>
<a href="ausdruck5.html">Webgestaltung</a></font></div>
<div id="holder3">
<font size="+1" color="#ff9933" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">
Eindruck</font><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">
<hr />
</font><font size="-1" color="#696969" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><a href="eindruck1.html">Ausstellungen</a>
<a href="eindruck2.html">Printdesign</a>
<a href="eindruck3.html">Webdesign</a></font></div>
<div id="holder4">
<font size="+1" color="#ff9933" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><a href="kontakt.html">Kontakt</a></font>
<hr />
</div>
<div id="holder5">
<font size="+1" color="#ff9933" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><a href="weitblick.html">
Weitblick</a></font>
<hr />
</div>
<p></p>
</body>
</html>
Wäre toll, wenn Ihr mir weiterhelfen könntet.
Lise
