nicht angemeldet
HoverMenü mit CSS nur in FF möglich?
Nabend,
Ich habe vorhin versucht mit JavaScript ein HoverMenü zu machen - also ein Menü, dass sich erweitert (und weitere Menüpunkte anzeigt) wenn man darübergeht. Beispielsweise so wie auf der Homepage von Adobe (www.adobe.com/de).
Ich habe nun ein Hover Effekt erstellt, der allerdings nur im Mozilla Firefox funktioniert. Unter Internet Explorer funktioniert es nicht.
Gibt es eine Möglichkeit, mit CSS das auch für den IE kompatibel zu machen?
Hier ist meine XHtml-Datei:
»<?xml version="1.0" encoding="iso-8859-1" ?>
<!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" lang="de" xml:lang="de">
» <head>
» <title>Hover</title>
» <style type="text/css">
» body { margin:10%; padding:0; }
» #menu { overflow:hidden; width:120px; height:14px; font-size:12px; border:1px #000 solid; margin:3px; padding:2px; }
» #menu:hover { padding-bottom:120px; }
» </style>
» </head>
» <body>
» <div id="menu">
» <b>Menü</b>
» <dl>
» <dt>Eintrag1</dt>
» <dt>Eintrag2</dt>
» <dt>Eintrag3</dt>
» </dl>
» </div>
» </body>
»</html>
Vielen Dank!
Gruß, Nite
-
Hi,
Gibt es eine Möglichkeit, mit CSS das auch für den IE kompatibel zu machen?
Hier wirst du sicher fündig.
Grüße,
Engin
GYRO--
Dilated peoples|Team Vestax
Gibst du einem Mann einen Fisch, nährt er sich einmal. Lehrst du ihn das Fischen, nährt er sich sein ganzes Leben. -
Hi,
Gibt es eine Möglichkeit, mit CSS das auch für den IE kompatibel zu machen?
klar ;) Der IE kennt aber das :hover nur bei a Tags. Wenn du es über ein div etc machen willst, müsstest du dir über zusätzliches js ein Konstrukt basteln was die Klasse beim onmouseover austauscht. Elegant zu lösen mit DOM.
Ansonsten bleibt nur die Möglichkeit wirklich auf ein a Tag zu setzen.
Gruß Jan
