HoverTooltip funktioniert nicht im IE, (find den Fehler nicht)
Horst Nogajski
- css
Hallo zusammen,
ich habe so ein Beispiel gefunden mit dem man per CSS so Mini-PopUp's oder Tooltips generieren kann, (http://www.koivi.com/css-tool-tip/). Auf der Beispielseite funktioniert das auch mit allen gängigen Browsern (inkl. IE).
Nach der Integration in unsere Vereins-Homepage funktioniert es leider nicht mehr im IE.
Ich habe lediglich die attribute für top und left/right weggenommen.
Wenn ich das mit der originalbeispielseite mache funktioniert diese aber immer noch im IE, und zwar so wie ich es auch haben möchte, nämlich das die Tooltips direkt beim Link aufgehen über den man hovert, und nicht an einer fest definierten Stelle.
Also es ist ja klar das ich irgendwas falsch gemacht habe, aber ich sehe es einfach nicht.
Kann mir jemand sagen was es ist?
http://www.oficinadacapoeira.de/html/#csshover
Da steht was in portugiesisch und wenn man hovert sollte eine Box mit dem deutschen Text erscheinen. (Kann man mit dem Mozilla sehen).
Die CSS-Definition für die Box steht direkt in der Datei.
Viele Grüße,
Horst
Hallo Horst,
ich habe so ein Beispiel gefunden mit dem man per CSS so Mini-PopUp's oder Tooltips generieren kann, (http://www.koivi.com/css-tool-tip/). Auf der Beispielseite funktioniert das auch mit allen gängigen Browsern (inkl. IE).
Hast dir auch http://aktuell.de.selfhtml.org/tippstricks/css/infobox/index.htm angesehen?
Zu deiner Frage:
du verwendest eine anderen DOCTYPE-Switch als sie:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http: //www.w3.org/TR/html4/strict.dtd">
aber davon abgesehen:
die Definitionen für a.bimba:...... sind schuld an das Problem.
Schreibe eine extra Zeile zusätzlich zu den bereits bestehenden Def. aber darunter:
a.bimba:hover { background-color: #ffffff; }
dann geht es auch mit dem IE.
Grüße
Thomas
Hallo Thomas,
Hast dir auch http://aktuell.de.selfhtml.org/tippstricks/css/infobox/index.htm angesehen?
Nein, hab ich noch nicht, also nur jetzt gerade mal kurz. Werde ich aber morgen noch mal in Ruhe lesen.
Schreibe eine extra Zeile zusätzlich zu den bereits bestehenden Def. aber darunter:
a.bimba:hover { background-color: #ffffff; }dann geht es auch mit dem IE.
Vielen Dank für Deine Hilfe.
Viel Grüße,
Horst