selfhtml.de - HTML & CSS Forum: Mouseover beim Klappmenü im IE

Anzeige: Goneo - Du machst das Web!

Anzeige: united-domains - Die ganze Welt der Domains

united domains - jetzt Wunsch-Domain sichern!

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 [Beiträge: 1]
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

Auf diesen Beitrag antworten privat antworten Zurück zum Forum

Beiträge

Mouseover beim Klappmenü im IE - lise 08.09.2010 11:08 (0)

Antwort schreiben

Username:	Usernamen registrieren
Passwort:	Passwort vergessen?
Thema:
	Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:	> 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
Link (URL):
Titel für Link:
Grafik (URL):
	Die Breite der Grafik darf 468 Pixel nicht überschreiten.

E-Mail-Benachrichtigung: wenn auf einen Beitrag zu diesem Thema geantwortet wird
nur wenn auf meinen eigenen Beitrag geantwortet wird
nie

Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag auch mehrmals im Forum.

Zurück zum Forum

Bewerten Sie Ihren Webhosting-Provider

Wie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?

Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!

Weitere Informationen und Teilnahme...